Merge version_1 into main #2
301
src/app/page.tsx
301
src/app/page.tsx
@@ -32,42 +32,24 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Why Choose Us",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Why Choose Us", id: "#features"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
name: "Gallery", id: "#gallery"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
}}
|
||||
text: "Order Now", href: "#menu"}}
|
||||
topBarButton={{
|
||||
text: "Reserve Table",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Reserve Table", href: "#contact"}}
|
||||
brandName="Brew & Co"
|
||||
/>
|
||||
</div>
|
||||
@@ -75,51 +57,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Crafted With Passion, Served With Perfection"
|
||||
description="Experience specialty coffee, handcrafted beverages, and freshly prepared breakfast favorites in a warm and inviting atmosphere."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Order Now", href: "#menu"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-cup-coffee-with-milk_23-2148337166.jpg?_wi=1",
|
||||
imageAlt: "Aesthetic coffee shop scene",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-cup-coffee-with-milk_23-2148337166.jpg", imageAlt: "Aesthetic coffee shop scene"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nuts-beverage-near-scarf_23-2147943448.jpg?_wi=1",
|
||||
imageAlt: "Barista making latte art",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/nuts-beverage-near-scarf_23-2147943448.jpg", imageAlt: "Barista making latte art"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sorted-waste-recycling-wooden-table_23-2148115654.jpg?_wi=1",
|
||||
imageAlt: "Espresso machine at work",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/sorted-waste-recycling-wooden-table_23-2148115654.jpg", imageAlt: "Espresso machine at work"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee_1388-627.jpg?_wi=1",
|
||||
imageAlt: "Cozy cafe interior with customers",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/coffee_1388-627.jpg", imageAlt: "Cozy cafe interior with customers"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg?_wi=1",
|
||||
imageAlt: "Fresh pastries and coffee beans",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg", imageAlt: "Fresh pastries and coffee beans"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-smartphone-sitting-cafe_23-2147771342.jpg",
|
||||
imageAlt: "Breakfast dishes and coffee",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-smartphone-sitting-cafe_23-2147771342.jpg", imageAlt: "Breakfast dishes and coffee"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,47 +98,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Espresso",
|
||||
price: "PKR 450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-espresso-coffee-mug-with-cinnamon-sticks-coffee-beans-wooden-board_181624-57625.jpg",
|
||||
imageAlt: "A shot of rich espresso",
|
||||
},
|
||||
id: "p1", name: "Espresso", price: "PKR 450", imageSrc: "http://img.b2bpic.net/free-photo/double-espresso-coffee-mug-with-cinnamon-sticks-coffee-beans-wooden-board_181624-57625.jpg", imageAlt: "A shot of rich espresso"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cafe Latte",
|
||||
price: "PKR 550",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-coffee-cup_74190-1730.jpg",
|
||||
imageAlt: "A cup of cafe latte with latte art",
|
||||
},
|
||||
id: "p2", name: "Cafe Latte", price: "PKR 550", imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-coffee-cup_74190-1730.jpg", imageAlt: "A cup of cafe latte with latte art"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Spanish Latte",
|
||||
price: "PKR 650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-glass-cappucino-table_140725-895.jpg",
|
||||
imageAlt: "A glass of Spanish latte",
|
||||
},
|
||||
id: "p3", name: "Spanish Latte", price: "PKR 650", imageSrc: "http://img.b2bpic.net/free-photo/small-glass-cappucino-table_140725-895.jpg", imageAlt: "A glass of Spanish latte"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Classic Breakfast Platter",
|
||||
price: "PKR 1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-breakfast-meal_23-2148878778.jpg",
|
||||
imageAlt: "A classic breakfast platter with eggs, toast, and sides",
|
||||
},
|
||||
id: "p4", name: "Classic Breakfast Platter", price: "PKR 1,200", imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-breakfast-meal_23-2148878778.jpg", imageAlt: "A classic breakfast platter with eggs, toast, and sides"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Egg & Cheese Croissant",
|
||||
price: "PKR 850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pastry-black-board-with-cloth_114579-88111.jpg",
|
||||
imageAlt: "An egg and cheese croissant",
|
||||
},
|
||||
id: "p5", name: "Egg & Cheese Croissant", price: "PKR 850", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pastry-black-board-with-cloth_114579-88111.jpg", imageAlt: "An egg and cheese croissant"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cheesecake Slice",
|
||||
price: "PKR 650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-cheesecake-with-berry-topping-dark-plate_84443-94390.jpg",
|
||||
imageAlt: "A slice of delicious cheesecake",
|
||||
},
|
||||
id: "p6", name: "Cheesecake Slice", price: "PKR 650", imageSrc: "http://img.b2bpic.net/free-photo/slice-cheesecake-with-berry-topping-dark-plate_84443-94390.jpg", imageAlt: "A slice of delicious cheesecake"},
|
||||
]}
|
||||
title="Our Featured Menu"
|
||||
description="Indulge in our selection of handcrafted coffees and delectable culinary delights."
|
||||
@@ -193,53 +122,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Coffee Beans",
|
||||
description: "Sourced from the finest regions, roasted to perfection for an exquisite taste.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-coffee-beans-wood-bowl_74190-2171.jpg",
|
||||
imageAlt: "premium coffee beans roasted",
|
||||
title: "Premium Coffee Beans", description: "Sourced from the finest regions, roasted to perfection for an exquisite taste.", bentoComponent: "reveal-icon", icon: Coffee
|
||||
},
|
||||
{
|
||||
title: "Expert Baristas",
|
||||
description: "Our skilled team crafts every beverage with precision and passion.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-cup-coffee-with-milk_23-2148337166.jpg?_wi=2",
|
||||
imageAlt: "premium coffee beans roasted",
|
||||
title: "Expert Baristas", description: "Our skilled team crafts every beverage with precision and passion.", bentoComponent: "reveal-icon", icon: Users
|
||||
},
|
||||
{
|
||||
title: "Fresh Daily Breakfast",
|
||||
description: "Enjoy delicious, freshly prepared breakfast options made with quality ingredients.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Croissant,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nuts-beverage-near-scarf_23-2147943448.jpg?_wi=2",
|
||||
imageAlt: "premium coffee beans roasted",
|
||||
title: "Fresh Daily Breakfast", description: "Enjoy delicious, freshly prepared breakfast options made with quality ingredients.", bentoComponent: "reveal-icon", icon: Croissant
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "A warm and inviting space perfect for relaxation, work, or social gatherings.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Home,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sorted-waste-recycling-wooden-table_23-2148115654.jpg?_wi=2",
|
||||
imageAlt: "premium coffee beans roasted",
|
||||
title: "Cozy Atmosphere", description: "A warm and inviting space perfect for relaxation, work, or social gatherings.", bentoComponent: "reveal-icon", icon: Home
|
||||
},
|
||||
{
|
||||
title: "Fast Service",
|
||||
description: "Quick and efficient service ensures you get your perfect cup without the wait.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Clock,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee_1388-627.jpg?_wi=2",
|
||||
imageAlt: "premium coffee beans roasted",
|
||||
title: "Fast Service", description: "Quick and efficient service ensures you get your perfect cup without the wait.", bentoComponent: "reveal-icon", icon: Clock
|
||||
},
|
||||
{
|
||||
title: "Free Wi-Fi",
|
||||
description: "Stay connected with our complimentary high-speed internet access.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wifi,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg?_wi=2",
|
||||
imageAlt: "premium coffee beans roasted",
|
||||
},
|
||||
title: "Free Wi-Fi", description: "Stay connected with our complimentary high-speed internet access.", bentoComponent: "reveal-icon", icon: Wifi
|
||||
}
|
||||
]}
|
||||
title="Why Choose Brew & Co?"
|
||||
description="Discover what makes Brew & Co your favorite spot for exceptional coffee and a welcoming ambiance."
|
||||
@@ -253,53 +152,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "g1",
|
||||
value: "Artistry",
|
||||
title: "Exquisite Latte Art",
|
||||
description: "Masterpieces crafted in every cup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-various-coffee_53876-16566.jpg",
|
||||
imageAlt: "Close up of beautiful latte art",
|
||||
},
|
||||
id: "g1", value: "Artistry", title: "Exquisite Latte Art", description: "Masterpieces crafted in every cup.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-various-coffee_53876-16566.jpg", imageAlt: "Close up of beautiful latte art"},
|
||||
{
|
||||
id: "g2",
|
||||
value: "Perfection",
|
||||
title: "Perfect Espresso Shots",
|
||||
description: "Rich, intense, and perfectly extracted.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-pouring-splashing-into-dark-cup_84443-84495.jpg",
|
||||
imageAlt: "A perfectly pulled espresso shot",
|
||||
},
|
||||
id: "g2", value: "Perfection", title: "Perfect Espresso Shots", description: "Rich, intense, and perfectly extracted.", imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-pouring-splashing-into-dark-cup_84443-84495.jpg", imageAlt: "A perfectly pulled espresso shot"},
|
||||
{
|
||||
id: "g3",
|
||||
value: "Freshness",
|
||||
title: "Freshly Baked Pastries",
|
||||
description: "Daily baked delights for a sweet start.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pistachios-dessert-with-crackers-pomegranate-chocolate-top-side-view_141793-3176.jpg",
|
||||
imageAlt: "Assortment of fresh pastries",
|
||||
},
|
||||
id: "g3", value: "Freshness", title: "Freshly Baked Pastries", description: "Daily baked delights for a sweet start.", imageSrc: "http://img.b2bpic.net/free-photo/pistachios-dessert-with-crackers-pomegranate-chocolate-top-side-view_141793-3176.jpg", imageAlt: "Assortment of fresh pastries"},
|
||||
{
|
||||
id: "g4",
|
||||
value: "Ambiance",
|
||||
title: "Cozy Café Interior",
|
||||
description: "Your serene escape, designed for comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg",
|
||||
imageAlt: "Warm and inviting cafe interior",
|
||||
},
|
||||
id: "g4", value: "Ambiance", title: "Cozy Café Interior", description: "Your serene escape, designed for comfort.", imageSrc: "http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg", imageAlt: "Warm and inviting cafe interior"},
|
||||
{
|
||||
id: "g5",
|
||||
value: "Delight",
|
||||
title: "Delicious Breakfast Dishes",
|
||||
description: "Savor our gourmet breakfast creations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-crepes-with-coffee-jam_23-2148797004.jpg",
|
||||
imageAlt: "A beautifully presented breakfast dish",
|
||||
},
|
||||
id: "g5", value: "Delight", title: "Delicious Breakfast Dishes", description: "Savor our gourmet breakfast creations.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-crepes-with-coffee-jam_23-2148797004.jpg", imageAlt: "A beautifully presented breakfast dish"},
|
||||
{
|
||||
id: "g6",
|
||||
value: "Joy",
|
||||
title: "Happy Customers",
|
||||
description: "Moments of joy, brewed and served.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-drink-while-reading_23-2147767759.jpg",
|
||||
imageAlt: "Happy customer enjoying coffee",
|
||||
},
|
||||
id: "g6", value: "Joy", title: "Happy Customers", description: "Moments of joy, brewed and served.", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-drink-while-reading_23-2147767759.jpg", imageAlt: "Happy customer enjoying coffee"},
|
||||
]}
|
||||
title="Our Aesthetic Coffee Gallery"
|
||||
description="A visual journey through the world of Brew & Co – from exquisite latte art to our cozy café interiors."
|
||||
@@ -311,35 +174,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah A.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-some-cake-restaurant_23-2148693093.jpg",
|
||||
imageAlt: "Sarah A.",
|
||||
},
|
||||
id: "t1", name: "Sarah A.", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-some-cake-restaurant_23-2148693093.jpg", imageAlt: "Sarah A."},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ahmed R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-texting-cafe-happy-businessman-smiling-texting-smartphone-table_1391-595.jpg",
|
||||
imageAlt: "Ahmed R.",
|
||||
},
|
||||
id: "t2", name: "Ahmed R.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-texting-cafe-happy-businessman-smiling-texting-smartphone-table_1391-595.jpg", imageAlt: "Ahmed R."},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emma K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12309.jpg",
|
||||
imageAlt: "Emma K.",
|
||||
},
|
||||
id: "t3", name: "Emma K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12309.jpg", imageAlt: "Emma K."},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-cup-coffee-cafe_146671-14748.jpg",
|
||||
imageAlt: "David L.",
|
||||
},
|
||||
id: "t4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-cup-coffee-cafe_146671-14748.jpg", imageAlt: "David L."},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Maria P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-redhead-female-barista-drinks-coffee_613910-10281.jpg",
|
||||
imageAlt: "Maria P.",
|
||||
},
|
||||
id: "t5", name: "Maria P.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-redhead-female-barista-drinks-coffee_613910-10281.jpg", imageAlt: "Maria P."},
|
||||
]}
|
||||
cardTitle="What Our Customers Say"
|
||||
cardTag="Rave Reviews"
|
||||
@@ -351,20 +194,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Visit Brew & Co"
|
||||
description="Reach out to us for online orders, table reservations, or any inquiries. We'd love to hear from you!\n\n**Email**: brewandco@gmail.com\n**Phone**: +92 300 1234567\n**Address**: Main Boulevard, Lahore, Pakistan\n\n**Opening Hours**:\nMonday - Friday: 8:00 AM – 10:00 PM\nSaturday - Sunday: 9:00 AM – 11:00 PM"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:+923001234567",
|
||||
},
|
||||
text: "Call Us Now", href: "tel:+923001234567"},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:brewandco@gmail.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:brewandco@gmail.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -374,58 +212,35 @@ export default function LandingPage() {
|
||||
logoText="Brew & Co"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Gallery", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/brewandco",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/brewandco"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/brewandco",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/brewandco"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "https://tiktok.com/@brewandco",
|
||||
},
|
||||
label: "TikTok", href: "https://tiktok.com/@brewandco"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user