Update src/app/page.tsx
This commit is contained in:
369
src/app/page.tsx
369
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Cakes",
|
||||
id: "custom",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Cakes", id: "custom" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sweet House Bakery"
|
||||
/>
|
||||
@@ -54,67 +42,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Custom cakes and desserts for moments worth remembering."
|
||||
description="Sweet House Bakery specializes in wedding cakes, custom creations, cupcakes, cannoli, and sweet tables in Justice, Illinois."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Request a Cake",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1256fp&_wi=1"
|
||||
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Request a Cake", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1256fp"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=koi5vr",
|
||||
alt: "happy customer eating pastry",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t8gxr0",
|
||||
alt: "woman enjoying birthday cake",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zjztuq",
|
||||
alt: "young man smiling professional photo",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f72w43",
|
||||
alt: "portrait happy wedding guest",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7803yz",
|
||||
alt: "happy client portrait event photography",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=koi5vr", alt: "happy customer eating pastry" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t8gxr0", alt: "woman enjoying birthday cake" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zjztuq", alt: "young man smiling professional photo" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f72w43", alt: "portrait happy wedding guest" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7803yz", alt: "happy client portrait event photography" },
|
||||
]}
|
||||
avatarText="Loved by over 500+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "10+ Years Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Made Fresh",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Wedding Specialist",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Serving Justice & Beyond",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Quality",
|
||||
},
|
||||
{ type: "text", text: "10+ Years Experience" },
|
||||
{ type: "text", text: "100% Made Fresh" },
|
||||
{ type: "text", text: "Custom Wedding Specialist" },
|
||||
{ type: "text", text: "Serving Justice & Beyond" },
|
||||
{ type: "text", text: "Artisan Quality" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,20 +72,11 @@ export default function LandingPage() {
|
||||
title="Crafted with Passion"
|
||||
description="We believe every celebration deserves a centerpiece that tastes as good as it looks. Fresh ingredients, family recipes, and artistic detail."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Cakes Baked",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Made Fresh",
|
||||
},
|
||||
{ value: "10+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Cakes Baked" },
|
||||
{ value: "100%", title: "Made Fresh" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jh5h88&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jh5h88"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,40 +89,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "High-quality, seasonal ingredients for better flavor.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rq7mto",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a6kl23",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1256fp&_wi=2",
|
||||
imageAlt: "custom wedding cake process",
|
||||
title: "Fresh Ingredients", description: "High-quality, seasonal ingredients for better flavor.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rq7mto" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a6kl23" }
|
||||
},
|
||||
{
|
||||
title: "Artistic Design",
|
||||
description: "Custom cakes styled specifically for your theme.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e9929y",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ohreh3",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jh5h88&_wi=2",
|
||||
imageAlt: "custom wedding cake process",
|
||||
title: "Artistic Design", description: "Custom cakes styled specifically for your theme.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e9929y" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ohreh3" }
|
||||
},
|
||||
{
|
||||
title: "Reliable Service",
|
||||
description: "Timely delivery and professional communication.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r5pjmi",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=biuafx",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ep2hgp&_wi=1",
|
||||
imageAlt: "custom wedding cake process",
|
||||
title: "Reliable Service", description: "Timely delivery and professional communication.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r5pjmi" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=biuafx" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -200,60 +114,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Bakery",
|
||||
name: "Strawberry Cake",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ep2hgp&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Bakery",
|
||||
name: "Classic Cannoli",
|
||||
price: "$12",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jeykru",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Bakery",
|
||||
name: "Custom Celebration Cake",
|
||||
price: "Varies",
|
||||
rating: 5,
|
||||
reviewCount: "50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5y2y0s",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Bakery",
|
||||
name: "Variety Cupcakes",
|
||||
price: "$24",
|
||||
rating: 4,
|
||||
reviewCount: "32",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7wvos",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Bakery",
|
||||
name: "Sweet Dessert Table",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e07t6h",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Bakery",
|
||||
name: "Custom Cookies",
|
||||
price: "$20",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vrbyv7",
|
||||
},
|
||||
{ id: "p1", brand: "Bakery", name: "Strawberry Cake", price: "$45", rating: 5, reviewCount: "24", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ep2hgp" },
|
||||
{ id: "p2", brand: "Bakery", name: "Classic Cannoli", price: "$12", rating: 5, reviewCount: "18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jeykru" },
|
||||
{ id: "p3", brand: "Bakery", name: "Custom Celebration Cake", price: "Varies", rating: 5, reviewCount: "50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5y2y0s" },
|
||||
{ id: "p4", brand: "Bakery", name: "Variety Cupcakes", price: "$24", rating: 4, reviewCount: "32", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7wvos" },
|
||||
{ id: "p5", brand: "Bakery", name: "Sweet Dessert Table", price: "$150", rating: 5, reviewCount: "10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e07t6h" },
|
||||
{ id: "p6", brand: "Bakery", name: "Custom Cookies", price: "$20", rating: 5, reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vrbyv7" },
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="From classic cannoli to tiered wedding cakes, find your favorite."
|
||||
@@ -266,53 +132,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "standard",
|
||||
title: "Standard Order",
|
||||
price: "$40+",
|
||||
period: "each",
|
||||
features: [
|
||||
"Custom flavor choice",
|
||||
"Classic decoration",
|
||||
],
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6uqlkp",
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
title: "Premium Celebration",
|
||||
price: "$85+",
|
||||
period: "each",
|
||||
features: [
|
||||
"Custom design choice",
|
||||
"Premium ingredients",
|
||||
"Detailed art",
|
||||
],
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qtssou",
|
||||
},
|
||||
{
|
||||
id: "event",
|
||||
title: "Event Spread",
|
||||
price: "$200+",
|
||||
period: "each",
|
||||
features: [
|
||||
"Multiple items",
|
||||
"Artistic centerpiece",
|
||||
"Full customization",
|
||||
],
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=83txhn",
|
||||
},
|
||||
{ id: "standard", title: "Standard Order", price: "$40+", period: "each", features: ["Custom flavor choice", "Classic decoration"], button: { text: "Select", href: "#contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6uqlkp" },
|
||||
{ id: "premium", title: "Premium Celebration", price: "$85+", period: "each", features: ["Custom design choice", "Premium ingredients", "Detailed art"], button: { text: "Select", href: "#contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qtssou" },
|
||||
{ id: "event", title: "Event Spread", price: "$200+", period: "each", features: ["Multiple items", "Artistic centerpiece", "Full customization"], button: { text: "Select", href: "#contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=83txhn" },
|
||||
]}
|
||||
title="Order Options"
|
||||
description="Simple pricing for your next event or celebration."
|
||||
@@ -325,41 +147,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@customer",
|
||||
testimonial: "The best wedding cake we could have asked for!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=koi5vr",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
handle: "@customer",
|
||||
testimonial: "Amazing custom service and beautiful design.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t8gxr0",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@customer",
|
||||
testimonial: "The cupcakes were a hit at our shower.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zjztuq",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "James L.",
|
||||
handle: "@customer",
|
||||
testimonial: "Great attention to detail and delicious flavors.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f72w43",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Linda M.",
|
||||
handle: "@customer",
|
||||
testimonial: "The sweet table was absolutely gorgeous.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7803yz",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "@customer", testimonial: "The best wedding cake we could have asked for!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=koi5vr" },
|
||||
{ id: "t2", name: "Mark D.", handle: "@customer", testimonial: "Amazing custom service and beautiful design.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t8gxr0" },
|
||||
{ id: "t3", name: "Emily R.", handle: "@customer", testimonial: "The cupcakes were a hit at our shower.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zjztuq" },
|
||||
{ id: "t4", name: "James L.", handle: "@customer", testimonial: "Great attention to detail and delicious flavors.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f72w43" },
|
||||
{ id: "t5", name: "Linda M.", handle: "@customer", testimonial: "The sweet table was absolutely gorgeous.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7803yz" },
|
||||
]}
|
||||
title="Loved By Our Customers"
|
||||
description="See why our desserts are the talk of the town."
|
||||
@@ -371,21 +163,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How far in advance should I order?",
|
||||
content: "We recommend ordering at least 2 weeks in advance for custom cakes.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Delivery is available within a 15-mile radius of Justice, IL.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I customize flavors?",
|
||||
content: "Absolutely! We offer many custom flavors for all orders.",
|
||||
},
|
||||
{ id: "q1", title: "How far in advance should I order?", content: "We recommend ordering at least 2 weeks in advance for custom cakes." },
|
||||
{ id: "q2", title: "Do you offer delivery?", content: "Delivery is available within a 15-mile radius of Justice, IL." },
|
||||
{ id: "q3", title: "Can I customize flavors?", content: "Absolutely! We offer many custom flavors for all orders." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g8aila"
|
||||
title="Common Questions"
|
||||
@@ -400,24 +180,10 @@ export default function LandingPage() {
|
||||
title="Ready to Order?"
|
||||
description="Reach out to start designing your custom dessert today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "details",
|
||||
placeholder: "Describe your dream cake or event details",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "details", placeholder: "Describe your dream cake or event details", rows: 4 }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vpew08"
|
||||
buttonText="Send Request"
|
||||
/>
|
||||
@@ -427,41 +193,18 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Custom Cakes",
|
||||
href: "#custom",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Custom Cakes", href: "#custom" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Justice, Illinois",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "(555) 123-4567",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "hello@bakery.com",
|
||||
href: "#",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "Justice, Illinois", href: "#" },
|
||||
{ label: "(555) 123-4567", href: "#" },
|
||||
{ label: "hello@bakery.com", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user