Merge version_2 into main #1
256
src/app/page.tsx
256
src/app/page.tsx
@@ -29,21 +29,15 @@ 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: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Brew."
|
||||
/>
|
||||
@@ -52,61 +46,33 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Artisan Brews, Perfectly Poured."
|
||||
description="Experience the rich aroma and crafted flavor of our small-batch roasted beans, served with love in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Our Menu", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/botanical-houseplant-nature-interior-concept_53876-71208.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-1400.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-1400.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-cheerful-woman-with-ginger-hair-stands-half-turned-camera-with-white-mug-coffee-tea_273609-30254.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-cheerful-woman-with-ginger-hair-stands-half-turned-camera-with-white-mug-coffee-tea_273609-30254.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-36138.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-36138.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ coffee lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Small-Batch Roasted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Focused",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Brewed",
|
||||
},
|
||||
{ type: "text", text: "Ethically Sourced" },
|
||||
{ type: "text", text: "Small-Batch Roasted" },
|
||||
{ type: "text", text: "Community Focused" },
|
||||
{ type: "text", text: "Artisan Quality" },
|
||||
{ type: "text", text: "Freshly Brewed" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,18 +83,9 @@ export default function LandingPage() {
|
||||
title="A Tradition of Craft."
|
||||
description="Founded on a passion for quality and community, Brew Coffee Shop is committed to sourcing the finest ethical beans and creating spaces where people truly connect."
|
||||
metrics={[
|
||||
{
|
||||
value: "12+",
|
||||
title: "Single Origins",
|
||||
},
|
||||
{
|
||||
value: "5k",
|
||||
title: "Cups Brewed",
|
||||
},
|
||||
{
|
||||
value: "20",
|
||||
title: "Local Farmers",
|
||||
},
|
||||
{ value: "12+", title: "Single Origins" },
|
||||
{ value: "5k", title: "Cups Brewed" },
|
||||
{ value: "20", title: "Local Farmers" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-coffee-cup-sugar-cubes_23-2149600692.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -143,63 +100,15 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
brand: "Signature",
|
||||
name: "Velvet Cappuccino",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-organic-latte-macchiato-with-milk_23-2148420329.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
brand: "Classic",
|
||||
name: "Creamy Latte",
|
||||
price: "$4.25",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-coffee-white-cups-cookies-cinnamon-limes-chocolate-bars-notebook-mixed-color-background_140725-143829.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
brand: "Seasonal",
|
||||
name: "Cold Brew Reserve",
|
||||
price: "$5.00",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cold-coffee-with-ice-cream_1220-4092.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
brand: "Pure",
|
||||
name: "House Espresso",
|
||||
price: "$3.50",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-coffee-beans-lemon-slice-wooden-plate_114579-84660.jpg",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
brand: "Indulgent",
|
||||
name: "Dark Mocha",
|
||||
price: "$5.25",
|
||||
rating: 5,
|
||||
reviewCount: "75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg",
|
||||
},
|
||||
{
|
||||
id: "m6",
|
||||
brand: "Bold",
|
||||
name: "Daily Americano",
|
||||
price: "$3.00",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cup-black-coffee_23-2148255058.jpg",
|
||||
},
|
||||
{ id: "m1", brand: "Signature", name: "Velvet Cappuccino", price: "$4.50", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/delicious-organic-latte-macchiato-with-milk_23-2148420329.jpg" },
|
||||
{ id: "m2", brand: "Classic", name: "Creamy Latte", price: "$4.25", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-coffee-white-cups-cookies-cinnamon-limes-chocolate-bars-notebook-mixed-color-background_140725-143829.jpg" },
|
||||
{ id: "m3", brand: "Seasonal", name: "Cold Brew Reserve", price: "$5.00", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/cold-coffee-with-ice-cream_1220-4092.jpg" },
|
||||
{ id: "m4", brand: "Pure", name: "House Espresso", price: "$3.50", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/pile-coffee-beans-lemon-slice-wooden-plate_114579-84660.jpg" },
|
||||
{ id: "m5", brand: "Indulgent", name: "Dark Mocha", price: "$5.25", rating: 5, reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg" },
|
||||
{ id: "m6", brand: "Bold", name: "Daily Americano", price: "$3.00", rating: 4, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cup-black-coffee_23-2148255058.jpg" },
|
||||
]}
|
||||
title="Our Signature Blends"
|
||||
description="From single-origin pours to decadent signatures, find your perfect brew."
|
||||
title="Our Menu"
|
||||
description="Explore our curated selection of hot and cold coffee drinks and artisanal snacks."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -209,50 +118,15 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_coffee",
|
||||
testimonial: "The best cappuccino in town, hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-1400.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
handle: "@mark_d",
|
||||
testimonial: "Always consistent, always delicious beans.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-cheerful-woman-with-ginger-hair-stands-half-turned-camera-with-white-mug-coffee-tea_273609-30254.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah P.",
|
||||
handle: "@sarah_p",
|
||||
testimonial: "Great atmosphere for working and reading.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-36138.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "James L.",
|
||||
handle: "@james_l",
|
||||
testimonial: "Love the selection of rotating single origins.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mia S.",
|
||||
handle: "@mia_s",
|
||||
testimonial: "Perfect morning stop before my commute.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Elena R.", handle: "@elena_coffee", testimonial: "The best cappuccino in town, hands down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-1400.jpg" },
|
||||
{ id: "t2", name: "Mark D.", handle: "@mark_d", testimonial: "Always consistent, always delicious beans.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-cheerful-woman-with-ginger-hair-stands-half-turned-camera-with-white-mug-coffee-tea_273609-30254.jpg" },
|
||||
{ id: "t3", name: "Sarah P.", handle: "@sarah_p", testimonial: "Great atmosphere for working and reading.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-36138.jpg" },
|
||||
{ id: "t4", name: "James L.", handle: "@james_l", testimonial: "Love the selection of rotating single origins.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg" },
|
||||
{ id: "t5", name: "Mia S.", handle: "@mia_s", testimonial: "Perfect morning stop before my commute.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Coffee Lovers."
|
||||
description="Hear what our regulars have to say about their daily brew."
|
||||
title="Customer Reviews"
|
||||
description="What our community has to say about their experience at Brew."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -260,11 +134,10 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Drop by for a Brew."
|
||||
description="Join our community and get the latest updates on seasonal blends and exclusive events."
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Visit Us in E7, Islamabad"
|
||||
description="We are located at Street 12, E7, Islamabad. Open Mon-Sun, 8 AM - 10 PM. Reach out for any inquiries or events."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bird-city-sparrow-sitting-table-outdoor-cafe_1153-4663.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -275,50 +148,23 @@ export default function LandingPage() {
|
||||
logoText="Brew."
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Espresso",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Signature Blends",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Seasonal",
|
||||
href: "#menu",
|
||||
},
|
||||
title: "Menu", items: [
|
||||
{ label: "Espresso", href: "#menu" },
|
||||
{ label: "Signature Blends", href: "#menu" },
|
||||
{ label: "Seasonal", href: "#menu" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Visit",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
{ label: "Visit", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user