Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
271
src/app/page.tsx
271
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Builder",
|
||||
id: "builder",
|
||||
},
|
||||
name: "Builder", id: "builder"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CakeCraft"
|
||||
/>
|
||||
@@ -56,69 +48,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Design Your Dream Cake Instantly"
|
||||
description="The world's first interactive 3D cake builder. Choose your flavors, style, and size, then connect directly with local master bakers to bring your vision to life."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24678.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24678.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-bride-holding-wedding-bouquet-while-she-stands-rays-morning-light_8353-7395.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-bride-holding-wedding-bouquet-while-she-stands-rays-morning-light_8353-7395.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-wedding-planner-working-ceremony_23-2150167231.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-wedding-planner-working-ceremony_23-2150167231.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-work_23-2149097925.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-work_23-2149097925.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/traditional-spanish-food-world-tourism-day_23-2149114035.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/traditional-spanish-food-world-tourism-day_23-2149114035.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Join 50k+ cake designers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Building",
|
||||
href: "#builder",
|
||||
},
|
||||
text: "Start Building", href: "#builder"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Real-time 3D Editor",
|
||||
icon: Box,
|
||||
type: "text-icon", text: "Real-time 3D Editor", icon: Box,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Verified Local Bakers",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Verified Local Bakers", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Instant Custom Pricing",
|
||||
icon: DollarSign,
|
||||
type: "text-icon", text: "Instant Custom Pricing", icon: DollarSign,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Delivery",
|
||||
icon: Truck,
|
||||
type: "text-icon", text: "Secure Delivery", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Ingredients",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Premium Ingredients", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -131,40 +98,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "3D Visual Builder",
|
||||
subtitle: "See your creation",
|
||||
category: "Design",
|
||||
value: "Real-time",
|
||||
},
|
||||
id: "f1", title: "3D Visual Builder", subtitle: "See your creation", category: "Design", value: "Real-time"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Flavor Customization",
|
||||
subtitle: "Select your taste",
|
||||
category: "Baking",
|
||||
value: "Unlimited",
|
||||
},
|
||||
id: "f2", title: "Flavor Customization", subtitle: "Select your taste", category: "Baking", value: "Unlimited"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Local Baker Network",
|
||||
subtitle: "Verified experts",
|
||||
category: "Service",
|
||||
value: "Verified",
|
||||
},
|
||||
id: "f3", title: "Local Baker Network", subtitle: "Verified experts", category: "Service", value: "Verified"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Secure Payments",
|
||||
subtitle: "Protected transactions",
|
||||
category: "Finance",
|
||||
value: "Encrypted",
|
||||
},
|
||||
id: "f4", title: "Secure Payments", subtitle: "Protected transactions", category: "Finance", value: "Encrypted"},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Priority Support",
|
||||
subtitle: "24/7 Assistance",
|
||||
category: "Service",
|
||||
value: "Always On",
|
||||
},
|
||||
id: "f5", title: "Priority Support", subtitle: "24/7 Assistance", category: "Service", value: "Always On"},
|
||||
]}
|
||||
title="Creative Baking Made Simple"
|
||||
description="Our builder empowers you to create custom masterpieces while connecting with professional bakers seamlessly."
|
||||
@@ -179,41 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Wedding Tiered Cake",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-cake-topper_23-2149232343.jpg",
|
||||
},
|
||||
id: "p1", name: "Wedding Tiered Cake", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-cake-topper_23-2149232343.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Birthday",
|
||||
price: "$80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-delicious-looking-cake-with-candles_23-2150906646.jpg",
|
||||
},
|
||||
id: "p2", name: "Modern Birthday", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-delicious-looking-cake-with-candles_23-2150906646.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Rustic Ganache",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-with-flowers_23-2150797836.jpg",
|
||||
},
|
||||
id: "p3", name: "Rustic Ganache", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-with-flowers_23-2150797836.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Floral Delight",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cream-cake-with-fresh-red-cranberries-along-with-cinnamon-cookies-bright-floor-biscuit-sweet-fruit-berry_140725-27644.jpg",
|
||||
},
|
||||
id: "p4", name: "Floral Delight", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cream-cake-with-fresh-red-cranberries-along-with-cinnamon-cookies-bright-floor-biscuit-sweet-fruit-berry_140725-27644.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Geometric Modern",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-nice-cupcakes-box_23-2147787041.jpg",
|
||||
},
|
||||
id: "p5", name: "Geometric Modern", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/from-nice-cupcakes-box_23-2147787041.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Gold Leaf Luxury",
|
||||
price: "$200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fondue-with-ice-cream-ball-forest-berries-top_114579-2314.jpg",
|
||||
},
|
||||
id: "p6", name: "Gold Leaf Luxury", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fondue-with-ice-cream-ball-forest-berries-top_114579-2314.jpg"},
|
||||
]}
|
||||
title="Choose Your Base Design"
|
||||
description="Explore our curated catalog of starting designs to customize in our builder."
|
||||
@@ -227,59 +145,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "EventPro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/holidays-celebration-dreamy-birthday-girl-making-wish-looking-up-hopeful-holding-bday-cake-smiling-standing-blue-background_1258-117985.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", role: "CEO", company: "EventPro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/holidays-celebration-dreamy-birthday-girl-making-wish-looking-up-hopeful-holding-bday-cake-smiling-standing-blue-background_1258-117985.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "TechLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-man_23-2147744394.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", role: "CTO", company: "TechLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-man_23-2147744394.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Creative Director",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-candles-sprinkle-cupcake-spiral-notepad-wooden-desk_23-2147942584.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", role: "Creative Director", company: "DesignCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-candles-sprinkle-cupcake-spiral-notepad-wooden-desk_23-2147942584.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Manager",
|
||||
company: "BuildCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826968.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "Manager", company: "BuildCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826968.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
role: "Designer",
|
||||
company: "Artify",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
id: "t5", name: "Jessica Lee", role: "Designer", company: "Artify", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "50k+",
|
||||
label: "Cakes Built",
|
||||
},
|
||||
value: "50k+", label: "Cakes Built"},
|
||||
{
|
||||
value: "1200+",
|
||||
label: "Local Bakers",
|
||||
},
|
||||
value: "1200+", label: "Local Bakers"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Rating"},
|
||||
]}
|
||||
title="Loved by Thousands"
|
||||
description="See why customers choose CakeCraft for their most important celebrations."
|
||||
@@ -293,23 +180,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Cake,
|
||||
title: "Cakes Built",
|
||||
value: "50,000+",
|
||||
},
|
||||
id: "m1", icon: Cake,
|
||||
title: "Cakes Built", value: "50,000+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Bakers Joined",
|
||||
value: "1,200",
|
||||
},
|
||||
id: "m2", icon: Award,
|
||||
title: "Bakers Joined", value: "1,200"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Satisfied Events",
|
||||
value: "15,000+",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Satisfied Events", value: "15,000+"},
|
||||
]}
|
||||
title="Platform Impact"
|
||||
description="Growing community of creators and bakers."
|
||||
@@ -324,26 +202,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "tm1",
|
||||
name: "Alex Rivet",
|
||||
role: "Founder & CEO",
|
||||
description: "Tech visionary.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unsure-clueless-attractive-african-american-female-sweater-shrugging-look-uncertain-dont-know-eat-no-holding-plate-with-tasty-cake-full-calories-standing-blue-wall_1258-35449.jpg",
|
||||
},
|
||||
id: "tm1", name: "Alex Rivet", role: "Founder & CEO", description: "Tech visionary.", imageSrc: "http://img.b2bpic.net/free-photo/unsure-clueless-attractive-african-american-female-sweater-shrugging-look-uncertain-dont-know-eat-no-holding-plate-with-tasty-cake-full-calories-standing-blue-wall_1258-35449.jpg"},
|
||||
{
|
||||
id: "tm2",
|
||||
name: "Maya Chen",
|
||||
role: "CTO",
|
||||
content: "Building the future.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-dress-standing-green-house_23-2148068677.jpg",
|
||||
},
|
||||
id: "tm2", name: "Maya Chen", role: "CTO", description: "Building the future.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-dress-standing-green-house_23-2148068677.jpg"},
|
||||
{
|
||||
id: "tm3",
|
||||
name: "Chef Marco",
|
||||
role: "Head Pastry Chef",
|
||||
content: "Flavor perfectionist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-wedding-planner-working-with-client_23-2150167194.jpg",
|
||||
},
|
||||
id: "tm3", name: "Chef Marco", role: "Head Pastry Chef", description: "Flavor perfectionist.", imageSrc: "http://img.b2bpic.net/free-photo/female-wedding-planner-working-with-client_23-2150167194.jpg"},
|
||||
]}
|
||||
title="Meet the Makers"
|
||||
description="Our dedicated team of engineers and pastry chefs working together."
|
||||
@@ -355,20 +218,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I start?",
|
||||
content: "Just select a design and use our 3D builder.",
|
||||
},
|
||||
id: "q1", title: "How do I start?", content: "Just select a design and use our 3D builder."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Pricing?",
|
||||
content: "Instant pricing based on your selections.",
|
||||
},
|
||||
id: "q2", title: "Pricing?", content: "Instant pricing based on your selections."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Delivery?",
|
||||
content: "Connect with local bakers for pickup or delivery.",
|
||||
},
|
||||
id: "q3", title: "Delivery?", content: "Connect with local bakers for pickup or delivery."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -379,8 +233,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Ready to design your cake?"
|
||||
description="Join our community and start creating today."
|
||||
@@ -393,25 +246,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Product",
|
||||
href: "#builder",
|
||||
},
|
||||
label: "Product", href: "#builder"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user