Update src/app/page.tsx
This commit is contained in:
292
src/app/page.tsx
292
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Cakes",
|
||||
id: "cakes",
|
||||
},
|
||||
{
|
||||
name: "Eggless",
|
||||
id: "eggless",
|
||||
},
|
||||
{
|
||||
name: "Savouries",
|
||||
id: "savouries",
|
||||
},
|
||||
{
|
||||
name: "Order",
|
||||
id: "order",
|
||||
},
|
||||
{ name: "Cakes", id: "cakes" },
|
||||
{ name: "Eggless", id: "eggless" },
|
||||
{ name: "Savouries", id: "savouries" },
|
||||
{ name: "Order", id: "order" },
|
||||
]}
|
||||
brandName="Oven Delights Bakery"
|
||||
/>
|
||||
@@ -56,102 +44,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Luxury Cakes, Heavenly Donuts & Freshly Baked Family Favourites"
|
||||
description="From rich celebration cakes to flaky pies, eggless delights, and savoury platters — Oven Delights brings fresh, beautiful baking to your table."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@foodie",
|
||||
testimonial: "The best fresh cream donut I've ever had. Truly heavenly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael C.",
|
||||
handle: "@local",
|
||||
testimonial: "Cakes are always fresh, delicious and look spectacular.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-baker-standing-with-arms-crossed_171337-16097.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@biz",
|
||||
testimonial: "Perfect for our office functions. Always reliable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/her-predictions-are-going-good-direction_329181-18104.jpg",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@family",
|
||||
testimonial: "Feels like home. Best koeksisters and cakes in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-little-charming-daughter-is-sitting-cafeteria-sunlight_291650-1195.jpg",
|
||||
},
|
||||
{
|
||||
name: "Linda M.",
|
||||
handle: "@planner",
|
||||
testimonial: "Worth it for the quality. Every celebration cake is perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sofa-looking-camera_23-2147611408.jpg",
|
||||
},
|
||||
{ name: "Sarah J.", handle: "@foodie", testimonial: "The best fresh cream donut I've ever had. Truly heavenly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg" },
|
||||
{ name: "Michael C.", handle: "@local", testimonial: "Cakes are always fresh, delicious and look spectacular.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-baker-standing-with-arms-crossed_171337-16097.jpg" },
|
||||
{ name: "Emily R.", handle: "@biz", testimonial: "Perfect for our office functions. Always reliable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/her-predictions-are-going-good-direction_329181-18104.jpg" },
|
||||
{ name: "David K.", handle: "@family", testimonial: "Feels like home. Best koeksisters and cakes in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mother-with-little-charming-daughter-is-sitting-cafeteria-sunlight_291650-1195.jpg" },
|
||||
{ name: "Linda M.", handle: "@planner", testimonial: "Worth it for the quality. Every celebration cake is perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-sofa-looking-camera_23-2147611408.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order a Cake",
|
||||
href: "#order",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#bestsellers",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-cakes-donuts-chocolate-based-with-fruits-candies-cake-biscuit_140725-21604.jpg?_wi=1"
|
||||
buttons={[{ text: "Order a Cake", href: "#order" }, { text: "View Menu", href: "#bestsellers" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-cakes-donuts-chocolate-based-with-fruits-candies-cake-biscuit_140725-21604.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mother-with-apron-holding-plate-muffins_23-2148414889.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-mother-with-apron-holding-plate-muffins_23-2148414889.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Baked Daily",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eggless Specialities",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Corporate Events",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Gatherings",
|
||||
},
|
||||
{ type: "text", text: "Freshly Baked Daily" },
|
||||
{ type: "text", text: "Eggless Specialities" },
|
||||
{ type: "text", text: "Premium Ingredients" },
|
||||
{ type: "text", text: "Corporate Events" },
|
||||
{ type: "text", text: "Family Gatherings" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,48 +80,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Fresh Cream Donuts",
|
||||
price: "From R15",
|
||||
variant: "Sweet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-donut-cup-tea_169016-27115.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Chocolate Delight",
|
||||
price: "From R350",
|
||||
variant: "Cakes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-cake-slice-with-chocolate-chips_23-2148689807.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Eggless Milky Bar",
|
||||
price: "From R450",
|
||||
variant: "Eggless",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-cake-topper_23-2149232376.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Bakery Pies",
|
||||
price: "From R25",
|
||||
variant: "Savoury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-dessert-with-carrot_23-2148988777.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Assorted Macarons",
|
||||
price: "Box of 6",
|
||||
variant: "Sweet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-two-purple-macaroons-background-flowers-shiny-purple-background_1268-20157.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Naan & Roti",
|
||||
price: "From R10",
|
||||
variant: "Breads",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-lavash-bread-inside-oven-tandir_114579-3560.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Fresh Cream Donuts", price: "From R15", variant: "Sweet", imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-donut-cup-tea_169016-27115.jpg" },
|
||||
{ id: "p2", name: "Chocolate Delight", price: "From R350", variant: "Cakes", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-cake-slice-with-chocolate-chips_23-2148689807.jpg" },
|
||||
{ id: "p3", name: "Eggless Milky Bar", price: "From R450", variant: "Eggless", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-cake-topper_23-2149232376.jpg" },
|
||||
{ id: "p4", name: "Bakery Pies", price: "From R25", variant: "Savoury", imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-dessert-with-carrot_23-2148988777.jpg" },
|
||||
{ id: "p5", name: "Assorted Macarons", price: "Box of 6", variant: "Sweet", imageSrc: "http://img.b2bpic.net/free-photo/set-two-purple-macaroons-background-flowers-shiny-purple-background_1268-20157.jpg" },
|
||||
{ id: "p6", name: "Naan & Roti", price: "From R10", variant: "Breads", imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-lavash-bread-inside-oven-tandir_114579-3560.jpg" },
|
||||
]}
|
||||
title="The Delights Everyone Comes Back For"
|
||||
description="Customer favourites, celebration staples and everyday cravings."
|
||||
@@ -216,12 +97,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Cakes That Make the Moment"
|
||||
description="From birthdays and Diwali celebrations to work functions and surprise gatherings, we craft beautiful cakes that taste unforgettable."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start a Cake Order",
|
||||
href: "#order",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start a Cake Order", href: "#order" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plate-with-pieces-delicious-cake-marble-table_114579-36715.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -233,24 +109,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Eggless Milky Bar Cake",
|
||||
description: "Soft sponge and creamy topping that guests won't believe is eggless.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birthday-cake-front-watercolor-background_23-2148015943.jpg",
|
||||
title: "Eggless Milky Bar Cake", description: "Soft sponge and creamy topping that guests won't believe is eggless.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birthday-cake-front-watercolor-background_23-2148015943.jpg", imageAlt: "eggless birthday cake beautiful piping"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Suitable for religious occasions",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Freshly baked daily",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Suitable for religious occasions" },
|
||||
{ icon: CheckCircle, text: "Freshly baked daily" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cakes-donuts-chocolate-based-with-fruits-candies-cake-biscuit_140725-21604.jpg?_wi=2",
|
||||
imageAlt: "eggless birthday cake beautiful piping",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Eggless Specialties"
|
||||
@@ -260,25 +126,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="sweet-treats" data-section="sweet-treats">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Donut varieties",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
description: "Freshly baked treats",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "7",
|
||||
description: "Days a week fresh",
|
||||
},
|
||||
{ id: "m1", value: "15+", description: "Donut varieties" },
|
||||
{ id: "m2", value: "20+", description: "Freshly baked treats" },
|
||||
{ id: "m3", value: "7", description: "Days a week fresh" },
|
||||
]}
|
||||
title="Small Treats, Big Cravings"
|
||||
description="Handheld happiness for your tea table or dessert plate."
|
||||
@@ -291,39 +146,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "sav1",
|
||||
badge: "Popular",
|
||||
price: "From R150",
|
||||
subtitle: "Savoury Snack Platter",
|
||||
features: [
|
||||
"Lamb kebabs",
|
||||
"Chicken wings",
|
||||
"Pies",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Order Platter",
|
||||
href: "#order",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "sav2",
|
||||
badge: "Bestseller",
|
||||
price: "R25",
|
||||
subtitle: "Veg Curry Pies",
|
||||
features: [
|
||||
"Flaky pastry",
|
||||
"Generous filling",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Enquire",
|
||||
href: "#order",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "sav1", badge: "Popular", price: "From R150", subtitle: "Savoury Snack Platter", features: ["Lamb kebabs", "Chicken wings", "Pies"], buttons: [{ text: "Order Platter", href: "#order" }] },
|
||||
{ id: "sav2", badge: "Bestseller", price: "R25", subtitle: "Veg Curry Pies", features: ["Flaky pastry", "Generous filling"], buttons: [{ text: "Enquire", href: "#order" }] },
|
||||
]}
|
||||
title="Golden, Flaky Savouries"
|
||||
description="Curry pies, lamb kebabs and party-ready platters."
|
||||
@@ -337,26 +161,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Linda M., Celebration Planner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-person-playing-poker-with-friends_23-2149276094.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-female-baker-looking-camera_23-2148189108.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/waitress-offering-macarons_23-2147985065.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/older-business-woman-working-papers-while-having-coffee_23-2148661127.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-woman-waiting-someone-hotel-lobby_1262-20866.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-person-playing-poker-with-friends_23-2149276094.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-female-baker-looking-camera_23-2148189108.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/waitress-offering-macarons_23-2147985065.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/older-business-woman-working-papers-while-having-coffee_23-2148661127.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-woman-waiting-someone-hotel-lobby_1262-20866.jpg", alt: "Customer" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -366,16 +175,9 @@ export default function LandingPage() {
|
||||
<div id="order" data-section="order">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to bring home something beautiful? Start your order enquiry today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Place an Enquiry",
|
||||
href: "#order",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Place an Enquiry", href: "#order" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user