Merge version_1 into main #2
277
src/app/page.tsx
277
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="PlanAI"
|
||||
/>
|
||||
@@ -60,69 +52,37 @@ export default function LandingPage() {
|
||||
description="Enter your room dimensions and let AI generate a visual floor plan instantly. Perfect for renovations, decorating, or real estate listings."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Y.",
|
||||
handle: "@homeowner",
|
||||
testimonial: "I generated a full plan for my living room in minutes! Incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg",
|
||||
},
|
||||
name: "Sarah Y.", handle: "@homeowner", testimonial: "I generated a full plan for my living room in minutes! Incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@realtor",
|
||||
testimonial: "This tool helps me create mockups for clients so much faster.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-female-realtor_23-2148895439.jpg",
|
||||
},
|
||||
name: "Mark D.", handle: "@realtor", testimonial: "This tool helps me create mockups for clients so much faster.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-female-realtor_23-2148895439.jpg"},
|
||||
{
|
||||
name: "Emily P.",
|
||||
handle: "@decor",
|
||||
testimonial: "Simple, intuitive, and the results are surprisingly accurate.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-with-color-palette_23-2148017514.jpg",
|
||||
},
|
||||
name: "Emily P.", handle: "@decor", testimonial: "Simple, intuitive, and the results are surprisingly accurate.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-with-color-palette_23-2148017514.jpg"},
|
||||
{
|
||||
name: "Kevin L.",
|
||||
handle: "@renovator",
|
||||
testimonial: "Saved me hours of tedious drawing for my apartment renovation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-house-application-with-man-turning-lights-using-voice-command-his-phone_482257-22832.jpg",
|
||||
},
|
||||
name: "Kevin L.", handle: "@renovator", testimonial: "Saved me hours of tedious drawing for my apartment renovation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-house-application-with-man-turning-lights-using-voice-command-his-phone_482257-22832.jpg"},
|
||||
{
|
||||
name: "Lisa B.",
|
||||
handle: "@designer",
|
||||
testimonial: "A total game changer for quick client presentations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-girl-with-tablet_23-2148778725.jpg",
|
||||
},
|
||||
name: "Lisa B.", handle: "@designer", testimonial: "A total game changer for quick client presentations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-girl-with-tablet_23-2148778725.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Generate Your Plan Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Generate Your Plan Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-model-house-room_23-2150761088.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-model-house-room_23-2150761088.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-construction-worker-with-plans_329181-3732.jpg",
|
||||
alt: "Portrait of construction worker with plans",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-construction-worker-with-plans_329181-3732.jpg", alt: "Portrait of construction worker with plans"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg",
|
||||
alt: "Portrait of man drinking coffee on construction side",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg", alt: "Portrait of man drinking coffee on construction side"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/creative-workers-standing-near-work-table-being-happy-finish-their-work_273609-14159.jpg",
|
||||
alt: "Creative workers standing near work table",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/creative-workers-standing-near-work-table-being-happy-finish-their-work_273609-14159.jpg", alt: "Creative workers standing near work table"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg",
|
||||
alt: "Couple handling a carpet in their new home",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg", alt: "Couple handling a carpet in their new home"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-woman-analysing-clipboard_23-2148252106.jpg",
|
||||
alt: "Man and woman analysing a clipboard",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-woman-analysing-clipboard_23-2148252106.jpg", alt: "Man and woman analysing a clipboard"},
|
||||
]}
|
||||
avatarText="Trusted by 50,000+ happy users"
|
||||
/>
|
||||
@@ -135,19 +95,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Generation Speed",
|
||||
value: "10s",
|
||||
},
|
||||
label: "Generation Speed", value: "10s"},
|
||||
{
|
||||
icon: Layers,
|
||||
label: "Layouts Created",
|
||||
value: "50k+",
|
||||
},
|
||||
label: "Layouts Created", value: "50k+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "User Accuracy",
|
||||
value: "98%",
|
||||
},
|
||||
label: "User Accuracy", value: "98%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -160,17 +114,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No CAD software needed",
|
||||
"No steep learning curve",
|
||||
"No expensive design fees",
|
||||
],
|
||||
"No CAD software needed", "No steep learning curve", "No expensive design fees"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Instant AI room generation",
|
||||
"Simple dimension inputs",
|
||||
"Professional visual outputs",
|
||||
],
|
||||
"Instant AI room generation", "Simple dimension inputs", "Professional visual outputs"],
|
||||
}}
|
||||
title="Why Choose Our AI Plan Generator?"
|
||||
description="We take the complexity out of home planning with an intuitive, AI-powered experience designed for everyone."
|
||||
@@ -184,23 +132,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Clock,
|
||||
title: "Time Saved Per Project",
|
||||
value: "5h",
|
||||
},
|
||||
id: "m1", icon: Clock,
|
||||
title: "Time Saved Per Project", value: "5h"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: DollarSign,
|
||||
title: "Cost Reduction",
|
||||
value: "75%",
|
||||
},
|
||||
id: "m2", icon: DollarSign,
|
||||
title: "Cost Reduction", value: "75%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: ThumbsUp,
|
||||
title: "Client Satisfaction",
|
||||
value: "99%",
|
||||
},
|
||||
id: "m3", icon: ThumbsUp,
|
||||
title: "Client Satisfaction", value: "99%"},
|
||||
]}
|
||||
title="Real Results"
|
||||
description="See how users are transforming their spaces with our platform."
|
||||
@@ -214,40 +153,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Leadership",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Leadership", members: [
|
||||
{
|
||||
id: "mem1",
|
||||
title: "Ayşe Y.",
|
||||
subtitle: "CEO",
|
||||
detail: "Leading our mission to make design accessible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6809.jpg",
|
||||
},
|
||||
id: "mem1", title: "Ayşe Y.", subtitle: "CEO", detail: "Leading our mission to make design accessible.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6809.jpg"},
|
||||
{
|
||||
id: "mem2",
|
||||
title: "Mehmet K.",
|
||||
subtitle: "CTO",
|
||||
detail: "Driving our AI floor planning technology forward.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-office-reviewing-financial-graphs-celebrating-positive-kpis_482257-126647.jpg",
|
||||
},
|
||||
id: "mem2", title: "Mehmet K.", subtitle: "CTO", detail: "Driving our AI floor planning technology forward.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-office-reviewing-financial-graphs-celebrating-positive-kpis_482257-126647.jpg"},
|
||||
{
|
||||
id: "mem3",
|
||||
title: "Elif S.",
|
||||
subtitle: "Design Lead",
|
||||
detail: "Ensuring a beautiful, user-friendly experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-lady-with-short-curly-hair-wireless-earphones_574295-1285.jpg",
|
||||
},
|
||||
id: "mem3", title: "Elif S.", subtitle: "Design Lead", detail: "Ensuring a beautiful, user-friendly experience.", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-lady-with-short-curly-hair-wireless-earphones_574295-1285.jpg"},
|
||||
{
|
||||
id: "mem4",
|
||||
title: "Can D.",
|
||||
subtitle: "Lead Architect",
|
||||
detail: "Optimizing layouts for real-world application.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2983.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-model-house-room_23-2150761088.jpg?_wi=2",
|
||||
imageAlt: "professional female software developer portrait",
|
||||
id: "mem4", title: "Can D.", subtitle: "Lead Architect", detail: "Optimizing layouts for real-world application.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2983.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="The Design Experts"
|
||||
@@ -262,59 +177,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Y.",
|
||||
role: "Homeowner",
|
||||
company: "Self-Employed",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741777.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Y.", role: "Homeowner", company: "Self-Employed", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741777.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "Realtor",
|
||||
company: "City Homes",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-digital-tools-draft-plan-office-spaces-relocate_482257-90846.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark D.", role: "Realtor", company: "City Homes", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-digital-tools-draft-plan-office-spaces-relocate_482257-90846.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily P.",
|
||||
role: "Decorator",
|
||||
company: "Home Glow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-514.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily P.", role: "Decorator", company: "Home Glow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-514.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Kevin L.",
|
||||
role: "Owner",
|
||||
company: "Renovation Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-home-sharing-tender-moments_23-2149105966.jpg",
|
||||
},
|
||||
id: "t4", name: "Kevin L.", role: "Owner", company: "Renovation Pro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-home-sharing-tender-moments_23-2149105966.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa B.",
|
||||
role: "Designer",
|
||||
company: "Studio Chic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-painting-their-new-apartment_329181-9314.jpg",
|
||||
},
|
||||
id: "t5", name: "Lisa B.", role: "Designer", company: "Studio Chic", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-painting-their-new-apartment_329181-9314.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg. Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Avg. Rating"},
|
||||
{
|
||||
value: "50k+",
|
||||
label: "Projects",
|
||||
},
|
||||
value: "50k+", label: "Projects"},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Countries",
|
||||
},
|
||||
value: "100+", label: "Countries"},
|
||||
]}
|
||||
title="Loved by Users"
|
||||
description="Join thousands of satisfied homeowners and designers."
|
||||
@@ -326,14 +210,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechHomes",
|
||||
"DesignCorp",
|
||||
"BuildFuture",
|
||||
"CityLiving",
|
||||
"StudioSpace",
|
||||
"ModernPlan",
|
||||
"DecorGlobal",
|
||||
]}
|
||||
"TechHomes", "DesignCorp", "BuildFuture", "CityLiving", "StudioSpace", "ModernPlan", "DecorGlobal"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Companies and design agencies rely on us for their spatial planning needs."
|
||||
/>
|
||||
@@ -345,20 +222,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the floor plan generator free?",
|
||||
content: "We offer a free tier with basic features and premium plans for advanced professional usage.",
|
||||
},
|
||||
id: "q1", title: "Is the floor plan generator free?", content: "We offer a free tier with basic features and premium plans for advanced professional usage."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How accurate is the AI planning?",
|
||||
content: "Our AI provides highly accurate conceptual sketches based on your provided dimensions.",
|
||||
},
|
||||
id: "q2", title: "How accurate is the AI planning?", content: "Our AI provides highly accurate conceptual sketches based on your provided dimensions."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I export my designs?",
|
||||
content: "Yes, you can export your generated floor plans as PDF or image files for your projects.",
|
||||
},
|
||||
id: "q3", title: "Can I export my designs?", content: "Yes, you can export your generated floor plans as PDF or image files for your projects."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers."
|
||||
@@ -370,8 +238,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get Started"
|
||||
title="Ready to Plan Your Dream Home?"
|
||||
description="Enter your email address to start generating floor plans in seconds."
|
||||
@@ -384,45 +251,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user