Update src/app/page.tsx
This commit is contained in:
187
src/app/page.tsx
187
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Heavenly Bite"
|
||||
/>
|
||||
@@ -54,21 +46,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Heavenly Bite"
|
||||
description="Artisan cakes and hand-blended spices delivered straight from our kitchen to your table. Experience the taste of home."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Menu", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-dessert-flowers_23-2149452245.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-dessert-flowers_23-2149452245.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -88,40 +75,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Freshly Baked Daily",
|
||||
description: "Every cake is made from scratch with premium ingredients every morning.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-heart-shaped-macarons-planes-with-smartphone_23-2149428227.jpg",
|
||||
},
|
||||
title: "Freshly Baked Daily", description: "Every cake is made from scratch with premium ingredients every morning.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-heart-shaped-macarons-planes-with-smartphone_23-2149428227.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-taking-bread-photos_23-2149294468.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-dessert-flowers_23-2149452245.jpg?_wi=2",
|
||||
imageAlt: "mobile order cake app",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-taking-bread-photos_23-2149294468.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Hand-Blended Spices",
|
||||
description: "Our unique spice blends add warmth and depth to every bite.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphone-delicious-food_23-2149711483.jpg",
|
||||
},
|
||||
title: "Hand-Blended Spices", description: "Our unique spice blends add warmth and depth to every bite.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphone-delicious-food_23-2149711483.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-fresh-tea-dried-flavors-grey-desk_140725-75980.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-fresh-bread_169016-6375.jpg",
|
||||
imageAlt: "mobile order cake app",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-fresh-tea-dried-flavors-grey-desk_140725-75980.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Sustainable Sourcing",
|
||||
description: "We source ingredients from local farms and trusted growers.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-alfajores-cookies-with-copy-space_23-2148751741.jpg",
|
||||
},
|
||||
title: "Sustainable Sourcing", description: "We source ingredients from local farms and trusted growers.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-alfajores-cookies-with-copy-space_23-2148751741.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-taking-pictures-meal_23-2149286390.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blackberry-cottage-cheese-cake_114579-1670.jpg?_wi=1",
|
||||
imageAlt: "mobile order cake app",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-taking-pictures-meal_23-2149286390.jpg"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -138,41 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Fudge Cake",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blackberry-cottage-cheese-cake_114579-1670.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Classic Fudge Cake", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/blackberry-cottage-cheese-cake_114579-1670.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Vanilla Dream",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-yummy-cakes-with-sugar-powder-white-surface_140725-19285.jpg",
|
||||
},
|
||||
id: "p2", name: "Vanilla Dream", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-yummy-cakes-with-sugar-powder-white-surface_140725-19285.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cinnamon Swirls",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-whole-fresh-homemade-roulette_114579-80584.jpg",
|
||||
},
|
||||
id: "p3", name: "Cinnamon Swirls", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-whole-fresh-homemade-roulette_114579-80584.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Berry Tart",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strawberry-cream-cake_661915-143.jpg",
|
||||
},
|
||||
id: "p4", name: "Berry Tart", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-cream-cake_661915-143.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Spiced Cookies",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-delicious-cakes-with-cream-berries-dark-berry-fruit-bake-cake-biscuit-sweet_140725-34227.jpg",
|
||||
},
|
||||
id: "p5", name: "Spiced Cookies", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-delicious-cakes-with-cream-berries-dark-berry-fruit-bake-cake-biscuit-sweet_140725-34227.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Lemon Zest Loaf",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-healthy-recipe-with-oranges_23-2148988727.jpg",
|
||||
},
|
||||
id: "p6", name: "Lemon Zest Loaf", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-healthy-recipe-with-oranges_23-2148988727.jpg"},
|
||||
]}
|
||||
title="Our Signature Creations"
|
||||
description="Discover our collection of artisanal cakes and aromatic spice boxes."
|
||||
@@ -186,40 +131,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jane Doe",
|
||||
handle: "@jane_bakes",
|
||||
testimonial: "Absolutely heavenly cakes, best spice blend I've ever tasted!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-baker-holding-stack-tray-boxes_1170-2051.jpg",
|
||||
},
|
||||
id: "t1", name: "Jane Doe", handle: "@jane_bakes", testimonial: "Absolutely heavenly cakes, best spice blend I've ever tasted!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-baker-holding-stack-tray-boxes_1170-2051.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Smith",
|
||||
handle: "@mark_eats",
|
||||
testimonial: "My family loves their cinnamon rolls, simply delicious.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/holidays-celebration-happy-man-having-birthday-party-making-wish-bday-cake-cross-fingers_1258-113963.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark Smith", handle: "@mark_eats", testimonial: "My family loves their cinnamon rolls, simply delicious.", imageSrc: "http://img.b2bpic.net/free-photo/holidays-celebration-happy-man-having-birthday-party-making-wish-bday-cake-cross-fingers_1258-113963.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Lee",
|
||||
handle: "@sarah_treats",
|
||||
testimonial: "The lemon loaf is perfection. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-fresh-baked-croissants_23-2148028057.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Lee", handle: "@sarah_treats", testimonial: "The lemon loaf is perfection. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-fresh-baked-croissants_23-2148028057.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom Brown",
|
||||
handle: "@tom_snack",
|
||||
testimonial: "Great service and even better treats. Always fresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-european-man-casual-peach-isolated-happy-holds-out-gift-box_343596-4929.jpg",
|
||||
},
|
||||
id: "t4", name: "Tom Brown", handle: "@tom_snack", testimonial: "Great service and even better treats. Always fresh.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-european-man-casual-peach-isolated-happy-holds-out-gift-box_343596-4929.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily White",
|
||||
handle: "@emily_bakes",
|
||||
testimonial: "The best home bakery I have ever ordered from.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-kitchen-beautiful-mother-with-little-daughter_1157-44811.jpg",
|
||||
},
|
||||
id: "t5", name: "Emily White", handle: "@emily_bakes", testimonial: "The best home bakery I have ever ordered from.", imageSrc: "http://img.b2bpic.net/free-photo/family-kitchen-beautiful-mother-with-little-daughter_1157-44811.jpg"},
|
||||
]}
|
||||
title="Hear From Our Happy Bakers"
|
||||
description="What our wonderful customers have to say about their treats."
|
||||
@@ -231,20 +151,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you deliver?",
|
||||
content: "Yes, we offer local delivery within 10 miles of our kitchen.",
|
||||
},
|
||||
id: "q1", title: "Do you deliver?", content: "Yes, we offer local delivery within 10 miles of our kitchen."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your ingredients organic?",
|
||||
content: "We prioritize organic and locally sourced ingredients whenever possible.",
|
||||
},
|
||||
id: "q2", title: "Are your ingredients organic?", content: "We prioritize organic and locally sourced ingredients whenever possible."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I request custom orders?",
|
||||
content: "Absolutely! Contact us to discuss your custom baking needs.",
|
||||
},
|
||||
id: "q3", title: "Can I request custom orders?", content: "Absolutely! Contact us to discuss your custom baking needs."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our baking process."
|
||||
@@ -259,22 +170,14 @@ export default function LandingPage() {
|
||||
description="Send us a message to place an order or ask a question."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bakery_23-2148011500.jpg"
|
||||
@@ -286,29 +189,19 @@ export default function LandingPage() {
|
||||
logoText="Heavenly Bite"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Bakery",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Bakery", href: "#products"},
|
||||
{
|
||||
label: "Spices",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Spices", href: "#products"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user