[V0_FILE]javascript:file="tailwind.config.js" isEdit="true" isMerged="true" const { fontFamily } = require("tailwindcss/defaultTheme") /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: ["app/**/*.{ts,tsx}", "components/**/*.{ts,tsx}"], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "#e95f33", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "#2a2a2a", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "#3AACF8", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, fontFamily: { sans: ["var(--font-sans)", ...fontFamily.sans], }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import Header from "./components/Header" import Hero from "./components/Hero" import Clients from "./components/Clients" import About from "./components/About" import Problems from "./components/Problems" import Solutions from "./components/Solutions" import CTA from "./components/CTA" import Application from "./components/Application" import Footer from "./components/Footer" export default function LandingPage() { return (

) } [V0_FILE]typescriptreact:file="app/components/Header.tsx" isEdit="true" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" export default function Header() { return (

Labid

) } [V0_FILE]typescriptreact:file="app/components/Clients.tsx" isEdit="true" isMerged="true" import Image from "next/image" const clients = [ { name: "ネオマーケティング", logo: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%E3%83%8D%E3%82%AA%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0-ytghyI0s38mnGcFNW1kzjIp6EiHjE6.png", width: 200, }, { name: "TRC図書館流通センター", logo: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/TRC-vxdWLxjKt39JYml2bu5BOe5bi8tdbV.png", width: 240, }, { name: "メドケア", logo: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%E3%83%A1%E3%83%89%E3%82%B1%E3%82%A2-DYldVtTqLeKVxuMM85Uotg1KwQ2wWO.png", width: 200, }, { name: "ウィライツ", logo: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%E3%82%A6%E3%82%A3%E3%83%A9%E3%82%A4%E3%83%84-actYwwn47iouOUFDAHCYqQq4pCscEU.png", width: 180, }, ] export default function Clients() { return (

導入実績

{clients.map((client) => (

))}

) } [V0_FILE]typescriptreact:file="app/components/About.tsx" isEdit="true" isMerged="true" import Image from "next/image" export default function About() { return (

入札情報収集業務をAIが代替し
効率化と入札参加数の最大化を実現

Labid（ラビッド）はAIの活用で入札情報収集業務を大幅に効率化。事業内容と合致した案件をAIがおすすめしたり、案件の書類をAIがサマリして要件理解時間を短縮することでビジネスを支援します。

10x

効率化

50%

コスト削減

24/7

自動収集

) } [V0_FILE]typescriptreact:file="app/components/Problems.tsx" isEdit="true" isMerged="true" import { AlertCircle } from "lucide-react" const problems = [ "入札案件の膨大な書類の読み込みが大変", "自社にマッチする案件を精査する工数が膨大", "入札情報が散在していて情報収集に時間がかかる", ] export default function Problems() { return (

このような問題はありませんか？

{problems.map((problem, index) => (

{problem}

))}

) } [V0_FILE]typescriptreact:file="app/components/Solutions.tsx" isEdit="true" isMerged="true" import Image from "next/image" import { CheckCircle } from "lucide-react" const solutions = [ { title: "案件の要件整理をAIが実施", description: "サマリには案件概要・応募要件がまとめられています。要約時間の削減や要約内容の標準化といった効率化に繋がります。", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%E3%82%B5%E3%83%9E%E3%83%AA-vN7RDuo2aK8ifvAg5uOtHe754xLGzL.png", }, { title: "事業内容を入力しておけばマッチする案件をAIがおすすめ", description: "貴社の事業内容・対象キーワードを登録すると条件に合致した案件情報をレコメンド。従来のようにキーワード検索を繰り返して発見したり大量の案件の中から自社と合致する案件を精査する時間を大幅に削減。", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%E3%82%A4%E3%83%81%E3%82%AA%E3%82%B7%E6%A1%88%E4%BB%B6-08sL3tShihR0I259SsFfznKfIWfD9B.png", }, { title: "1つのプラットフォームで入札情報収集が完結", description: "Labidだけで全国の入札情報を取得が完結。登録したキーワードをもとにメール通知も可能。※工事案件には対応しておりません", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%E6%A1%88%E4%BB%B6%E4%B8%80%E8%A6%A7-BEKA1knym08RQc1P8EZRhtTovTi5ra.png", }, ] export default function Solutions() { return (

要約機能・レコメンドで入札情報収集を圧倒的に効率化

{solutions.map((solution, index) => (

{solution.title}

{solution.description}

))}

) } [V0_FILE]typescriptreact:file="app/components/Application.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Checkbox } from "@/components/ui/checkbox" export default function Application() { const [formData, setFormData] = useState({ companyName: "", department: "", lastName: "", firstName: "", email: "", phone: "", agreeToTerms: false, }) const handleChange = (e) => { const { name, value, type, checked } = e.target setFormData((prevState) => ({ ...prevState, [name]: type === "checkbox" ? checked : value, })) } const handleSubmit = (e) => { e.preventDefault() // Handle form submission logic here console.log("Form submitted:", formData) } return (

無料デモ体験

貴社名*

所属部署*

姓*

名*

メールアドレス*

電話番号*

setFormData((prevState) => ({ ...prevState, agreeToTerms: checked }))} className="text-primary focus:ring-primary" /> プライバシーポリシーに同意する

) } [V0_FILE]typescriptreact:file="app/components/Footer.tsx" isEdit="true" isMerged="true" import Link from "next/link" export default function Footer() { return ( ) } [V0_FILE]typescriptreact:file="app/components/Hero.tsx" isEdit="true" isQuickEdit="true" "use client" import { useState } from "react" import Image from "next/image" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Checkbox } from "@/components/ui/checkbox" import Link from "next/link" export default function Hero() { const [formData, setFormData] = useState({ companyName: "", department: "", lastName: "", firstName: "", email: "", phone: "", agreeToTerms: false, }) const handleSubmit = (e: React.FormEvent) => { e.preventDefault() console.log("Form submitted:", formData) } return (

{/* 左カラム：コンテンツ */}

低コストで情報収集の効率化を最大化する入札情報サービス

Labid（ラビッド）はAIを活用して
従来時間のかかっていた入札情報収集を効率化。
成果を出すための本質的な営業活動に
取り組めるようになる入札情報サービス

{/* 右カラム：フォーム */}

無料デモ体験

貴社名* setFormData({ ...formData, companyName: e.target.value })} required />

所属部署* setFormData({ ...formData, department: e.target.value })} required />

姓* setFormData({ ...formData, lastName: e.target.value })} required />

名* setFormData({ ...formData, firstName: e.target.value })} required />

メールアドレス* setFormData({ ...formData, email: e.target.value })} required />

電話番号* setFormData({ ...formData, phone: e.target.value })} required />

setFormData({ ...formData, agreeToTerms: checked as boolean })} /> プライバシーポリシーに同意する

) } [V0_FILE]typescriptreact:file="app/components/CTA.tsx" isEdit="true" isQuickEdit="true" import { Button } from "@/components/ui/button" export default function CTA() { return (

Labidで入札情報の収集を簡単に

) }

導入実績

入札情報収集業務をAIが代替し 効率化と入札参加数の最大化を実現

このような問題はありませんか？

要約機能・レコメンドで入札情報収集を圧倒的に効率化

{solution.title}

無料デモ体験

低コストで情報収集の効率化を最大化する入札情報サービス

無料デモ体験

Labidで入札情報の収集を簡単に

入札情報収集業務をAIが代替し
効率化と入札参加数の最大化を実現

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This