Update src/app/page.tsx
This commit is contained in:
257
src/app/page.tsx
257
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
]}
|
||||
brandName="Waffle House"
|
||||
/>
|
||||
@@ -56,100 +48,57 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="The Art of the Perfect Waffle"
|
||||
description="Experience our signature crispy-outside, fluffy-inside Belgian waffles crafted with love and fresh ingredients."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Ahmed",
|
||||
handle: "@sarah.waffle",
|
||||
testimonial: "The best waffle I've had in the city, perfectly crispy every single time!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-smiling-confident-looking-side-street_839833-24417.jpg",
|
||||
},
|
||||
name: "Sarah Ahmed", handle: "@sarah.waffle", testimonial: "The best waffle I've had in the city, perfectly crispy every single time!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-smiling-confident-looking-side-street_839833-24417.jpg"},
|
||||
{
|
||||
name: "Omar Khalid",
|
||||
handle: "@omar.foodie",
|
||||
testimonial: "Amazing texture and toppings, an absolute must-try for any waffle lover.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-eating-croissant_23-2149517840.jpg",
|
||||
},
|
||||
name: "Omar Khalid", handle: "@omar.foodie", testimonial: "Amazing texture and toppings, an absolute must-try for any waffle lover.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-eating-croissant_23-2149517840.jpg"},
|
||||
{
|
||||
name: "Layla Noor",
|
||||
handle: "@layla.desserts",
|
||||
testimonial: "Simply delightful. The staff is friendly and the atmosphere is so cozy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660680.jpg",
|
||||
},
|
||||
name: "Layla Noor", handle: "@layla.desserts", testimonial: "Simply delightful. The staff is friendly and the atmosphere is so cozy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660680.jpg"},
|
||||
{
|
||||
name: "Zaid F.",
|
||||
handle: "@zaid.eats",
|
||||
testimonial: "Consistent quality and taste. My favorite weekend treat.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-preparing-breakfast_23-2147767397.jpg",
|
||||
},
|
||||
name: "Zaid F.", handle: "@zaid.eats", testimonial: "Consistent quality and taste. My favorite weekend treat.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-preparing-breakfast_23-2147767397.jpg"},
|
||||
{
|
||||
name: "Maha J.",
|
||||
handle: "@maha.vibes",
|
||||
testimonial: "Super yummy and beautifully presented. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/picture-smiling-woman-looking-camera_197531-33857.jpg",
|
||||
},
|
||||
name: "Maha J.", handle: "@maha.vibes", testimonial: "Super yummy and beautifully presented. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/picture-smiling-woman-looking-camera_197531-33857.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Our Menu", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/whole-wheat-waffles_1232-3115.jpg"
|
||||
imageAlt="Fresh Belgian waffle"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-smiling-confident-standing-street_839833-33403.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-smiling-confident-standing-street_839833-33403.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-smiling-curly-woman-lean-wall_176420-16738.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cute-smiling-curly-woman-lean-wall_176420-16738.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-woman-outdoors_1098-1638.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-woman-outdoors_1098-1638.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-beard-smiling-happily-as-he-eating-some-tasty-food-with-knife-fork_273609-1730.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-beard-smiling-happily-as-he-eating-some-tasty-food-with-knife-fork_273609-1730.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join 50k+ waffle lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Ingredients",
|
||||
},
|
||||
type: "text", text: "Organic Ingredients"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Crispy Perfection",
|
||||
},
|
||||
type: "text", text: "Crispy Perfection"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
type: "text", text: "Locally Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-Crafted",
|
||||
},
|
||||
type: "text", text: "Hand-Crafted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Fresh",
|
||||
},
|
||||
type: "text", text: "Daily Fresh"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,14 +108,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Passion for Waffles"
|
||||
description={[
|
||||
"Founded with a dream to create the ultimate breakfast comfort food, we use traditional Belgian recipes passed down for generations.",
|
||||
"Every waffle we make is cooked to order using organic flour, local butter, and our secret blend of spices.",
|
||||
]}
|
||||
"Founded with a dream to create the ultimate breakfast comfort food, we use traditional Belgian recipes passed down for generations.", "Every waffle we make is cooked to order using organic flour, local butter, and our secret blend of spices."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn Our Story", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -179,47 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Belgian",
|
||||
price: "$6.00",
|
||||
variant: "Original",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waffles-with-ice-cream-whipped-cream_1150-18545.jpg",
|
||||
},
|
||||
id: "1", name: "Classic Belgian", price: "$6.00", variant: "Original", imageSrc: "http://img.b2bpic.net/free-photo/waffles-with-ice-cream-whipped-cream_1150-18545.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Nutella Bliss",
|
||||
price: "$8.50",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-waffle-plate-with-blackberries-fork-dark-horizontal_176474-4878.jpg",
|
||||
},
|
||||
id: "2", name: "Nutella Bliss", price: "$8.50", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-waffle-plate-with-blackberries-fork-dark-horizontal_176474-4878.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Berry Blast",
|
||||
price: "$9.00",
|
||||
variant: "Seasonal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-belgian-waffles-with-fresh-berries-honey-grey-concrete-surface_114579-5314.jpg",
|
||||
},
|
||||
id: "3", name: "Berry Blast", price: "$9.00", variant: "Seasonal", imageSrc: "http://img.b2bpic.net/free-photo/traditional-belgian-waffles-with-fresh-berries-honey-grey-concrete-surface_114579-5314.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lotus Delight",
|
||||
price: "$8.00",
|
||||
variant: "Gourmet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-rolls-sliced-cake-cup-tea-dark-background-roll-biscuit-sweet-pie-cake-dessert_140725-96761.jpg",
|
||||
},
|
||||
id: "4", name: "Lotus Delight", price: "$8.00", variant: "Gourmet", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-rolls-sliced-cake-cup-tea-dark-background-roll-biscuit-sweet-pie-cake-dessert_140725-96761.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pistachio Dream",
|
||||
price: "$9.50",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waffles-strawberry-blueberries-ceramic-plate-tablecloth_23-2148075009.jpg",
|
||||
},
|
||||
id: "5", name: "Pistachio Dream", price: "$9.50", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/waffles-strawberry-blueberries-ceramic-plate-tablecloth_23-2148075009.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Caramel Crunch",
|
||||
price: "$7.50",
|
||||
variant: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-belgian-waffles-with-fruits-covered-with-chocolate_169016-25731.jpg",
|
||||
},
|
||||
id: "6", name: "Caramel Crunch", price: "$7.50", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/closeup-belgian-waffles-with-fruits-covered-with-chocolate_169016-25731.jpg"},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Indulge in our range of signature waffle creations, from classic syrups to modern gourmet toppings."
|
||||
@@ -233,29 +148,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Coffee,
|
||||
title: "Cups Served",
|
||||
value: "50,000+",
|
||||
},
|
||||
id: "m1", icon: Coffee,
|
||||
title: "Cups Served", value: "50,000+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Awards Won",
|
||||
value: "12",
|
||||
},
|
||||
id: "m2", icon: Award,
|
||||
title: "Awards Won", value: "12"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Smile,
|
||||
title: "Happy Customers",
|
||||
value: "100k+",
|
||||
},
|
||||
id: "m3", icon: Smile,
|
||||
title: "Happy Customers", value: "100k+"},
|
||||
{
|
||||
id: "m4",
|
||||
icon: Zap,
|
||||
title: "Years Active",
|
||||
value: "5",
|
||||
},
|
||||
id: "m4", icon: Zap,
|
||||
title: "Years Active", value: "5"},
|
||||
]}
|
||||
title="Waffle Milestones"
|
||||
description="Numbers speak for our quality and community support."
|
||||
@@ -264,44 +167,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Foodie",
|
||||
testimonial: "Best waffle in the city!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12692.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Ahmed", role: "Foodie", testimonial: "Best waffle in the city!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12692.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Omar Khalid",
|
||||
role: "Local",
|
||||
testimonial: "Simply incredible flavors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-indoors_23-2148972802.jpg",
|
||||
},
|
||||
id: "t2", name: "Omar Khalid", role: "Local", testimonial: "Simply incredible flavors.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-indoors_23-2148972802.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Layla Noor",
|
||||
role: "Vlogger",
|
||||
testimonial: "I love the lotus waffle!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-cheerful-africanamerican-girl-winking-smiling-camera-recommending-something-good-s_1258-130856.jpg",
|
||||
},
|
||||
id: "t3", name: "Layla Noor", role: "Vlogger", testimonial: "I love the lotus waffle!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-cheerful-africanamerican-girl-winking-smiling-camera-recommending-something-good-s_1258-130856.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Zaid F.",
|
||||
role: "Student",
|
||||
testimonial: "Affordable and tasty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-concept-happy-blond-woman-lying-bed-with-food-drinking-tea-eating_1258-253661.jpg",
|
||||
},
|
||||
id: "t4", name: "Zaid F.", role: "Student", testimonial: "Affordable and tasty.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-concept-happy-blond-woman-lying-bed-with-food-drinking-tea-eating_1258-253661.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Maha J.",
|
||||
role: "Designer",
|
||||
testimonial: "The atmosphere is great.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg",
|
||||
},
|
||||
id: "t5", name: "Maha J.", role: "Designer", testimonial: "The atmosphere is great.", imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg"},
|
||||
]}
|
||||
title="What Our Fans Say"
|
||||
description="Real feedback from our wonderful community of waffle lovers."
|
||||
@@ -314,20 +193,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer gluten-free options?",
|
||||
content: "Yes, we have a delicious gluten-free waffle recipe available daily.",
|
||||
},
|
||||
id: "q1", title: "Do you offer gluten-free options?", content: "Yes, we have a delicious gluten-free waffle recipe available daily."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you open on weekends?",
|
||||
content: "We are open from 8 AM until 11 PM on all weekends.",
|
||||
},
|
||||
id: "q2", title: "Are you open on weekends?", content: "We are open from 8 AM until 11 PM on all weekends."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you deliver?",
|
||||
content: "Yes, we deliver through all major local delivery apps.",
|
||||
},
|
||||
id: "q3", title: "Do you deliver?", content: "Yes, we deliver through all major local delivery apps."},
|
||||
]}
|
||||
title="Questions?"
|
||||
description="Here is everything you need to know about our waffles."
|
||||
@@ -339,8 +209,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Waffle Club"
|
||||
description="Sign up for exclusive offers, new flavor alerts, and birthday treats."
|
||||
@@ -352,29 +221,19 @@ export default function LandingPage() {
|
||||
logoText="Waffle House"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user