bender/3f789a66-af07-43dd-9f70-db14ae5a22f8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-08 18:57:42 +00:00
parent 2d86654181
commit 5d42b63a40
1 changed files with 51 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files

256
src/app/page.tsx
View File

@@ -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: "#" },
],
},
]}