Merge version_1 into main #1
144
src/app/page.tsx
144
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Visit Us", id: "contact"},
|
||||
]}
|
||||
brandName="Leaf & Brew"
|
||||
/>
|
||||
@@ -56,35 +46,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Savor the Moment, Sip by Sip"
|
||||
description="Artisan loose-leaf teas sourced from the world's finest gardens, served in the heart of your neighborhood."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-hot-water-assortment_23-2149055825.jpg",
|
||||
imageAlt: "Fresh green tea leaves",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-hot-water-assortment_23-2149055825.jpg", imageAlt: "Fresh green tea leaves"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teapot-cup-with-blue-tea_23-2147693741.jpg",
|
||||
imageAlt: "Traditional tea ceremony",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teapot-cup-with-blue-tea_23-2147693741.jpg", imageAlt: "Traditional tea ceremony"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-dried-herbs-glass-bowls-plaster-surface-flat-lay_176474-6285.jpg",
|
||||
imageAlt: "Loose leaf varieties",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-dried-herbs-glass-bowls-plaster-surface-flat-lay_176474-6285.jpg", imageAlt: "Loose leaf varieties"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-coffee-beverage-break-fresh-aroma_53876-16474.jpg",
|
||||
imageAlt: "Cozy tea shop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-coffee-beverage-break-fresh-aroma_53876-16474.jpg", imageAlt: "Cozy tea shop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-woman-sits-cafe-poses-cup-matcha-green-tea-with-milk_197531-18176.jpg",
|
||||
imageAlt: "Pouring warm tea",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-woman-sits-cafe-poses-cup-matcha-green-tea-with-milk_197531-18176.jpg", imageAlt: "Pouring warm tea"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-wearing-vietnam-culture-traditional-green-tea-field_335224-769.jpg",
|
||||
imageAlt: "Tea garden harvest",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-wearing-vietnam-culture-traditional-green-tea-field_335224-769.jpg", imageAlt: "Tea garden harvest"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,17 +74,11 @@ export default function LandingPage() {
|
||||
description="At Leaf & Brew, we believe every cup tells a story. From hand-plucked leaves to our slow-steeped brewing process, we honor the traditional methods that make tea more than just a drink."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Direct Trade",
|
||||
description: "Sourced directly from organic farms.",
|
||||
},
|
||||
title: "Direct Trade", description: "Sourced directly from organic farms."},
|
||||
{
|
||||
title: "Artisan Blends",
|
||||
description: "Hand-crafted blends unique to our shop.",
|
||||
},
|
||||
title: "Artisan Blends", description: "Hand-crafted blends unique to our shop."},
|
||||
{
|
||||
title: "Sustainable",
|
||||
description: "Eco-friendly packaging and practices.",
|
||||
},
|
||||
title: "Sustainable", description: "Eco-friendly packaging and practices."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-holding-coffee-cup-medium-shot_23-2149647825.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -122,47 +93,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Sencha",
|
||||
price: "$12.00",
|
||||
variant: "Green",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-tea-set-with-herbal-boxes-green-backdrop_23-2147874173.jpg",
|
||||
},
|
||||
id: "p1", name: "Premium Sencha", price: "$12.00", variant: "Green", imageSrc: "http://img.b2bpic.net/free-photo/asian-tea-set-with-herbal-boxes-green-backdrop_23-2147874173.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Earl Grey Reserve",
|
||||
price: "$14.00",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/notebook-tea-cups-with-natural-herbs_23-2148555494.jpg",
|
||||
},
|
||||
id: "p2", name: "Earl Grey Reserve", price: "$14.00", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/notebook-tea-cups-with-natural-herbs_23-2148555494.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Herbal Harmony",
|
||||
price: "$10.00",
|
||||
variant: "Herbal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-table_140725-8586.jpg",
|
||||
},
|
||||
id: "p3", name: "Herbal Harmony", price: "$10.00", variant: "Herbal", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-table_140725-8586.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Ceremonial Matcha",
|
||||
price: "$22.00",
|
||||
variant: "Matcha",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-matcha-tea-concept-table_23-2148377595.jpg",
|
||||
},
|
||||
id: "p4", name: "Ceremonial Matcha", price: "$22.00", variant: "Matcha", imageSrc: "http://img.b2bpic.net/free-photo/top-view-matcha-tea-concept-table_23-2148377595.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mountain Oolong",
|
||||
price: "$18.00",
|
||||
variant: "Oolong",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-dried-leaves-bowl-towel-marble_114579-58318.jpg",
|
||||
},
|
||||
id: "p5", name: "Mountain Oolong", price: "$18.00", variant: "Oolong", imageSrc: "http://img.b2bpic.net/free-photo/various-dried-leaves-bowl-towel-marble_114579-58318.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "White Needle Buds",
|
||||
price: "$25.00",
|
||||
variant: "White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-fresh-green-tea-glass-teapot-ceremony-dark-background_1220-1754.jpg",
|
||||
},
|
||||
id: "p6", name: "White Needle Buds", price: "$25.00", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/tasty-fresh-green-tea-glass-teapot-ceremony-dark-background_1220-1754.jpg"},
|
||||
]}
|
||||
title="Our Signature Collections"
|
||||
description="Explore our curated selection of premium teas."
|
||||
@@ -171,44 +112,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maya S.",
|
||||
role: "Tea Aficionado",
|
||||
testimonial: "The best matcha in the city. Truly authentic flavor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-cup-coffee-caf_23-2147925428.jpg",
|
||||
},
|
||||
id: "1", name: "Maya S.", role: "Tea Aficionado", testimonial: "The best matcha in the city. Truly authentic flavor.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-cup-coffee-caf_23-2147925428.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James R.",
|
||||
role: "Regular",
|
||||
testimonial: "A perfect quiet spot to read and enjoy a warm brew.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sitting-restaurant-shaking-her-friend39s-hand_114579-92516.jpg",
|
||||
},
|
||||
id: "2", name: "James R.", role: "Regular", testimonial: "A perfect quiet spot to read and enjoy a warm brew.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sitting-restaurant-shaking-her-friend39s-hand_114579-92516.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chloe P.",
|
||||
role: "Food Blogger",
|
||||
testimonial: "The selection is incredible, and the staff is so knowledgeable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-meeting-with-coffee_23-2148366527.jpg",
|
||||
},
|
||||
id: "3", name: "Chloe P.", role: "Food Blogger", testimonial: "The selection is incredible, and the staff is so knowledgeable.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-meeting-with-coffee_23-2148366527.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Daily Visitor",
|
||||
testimonial: "I love the sustainable focus of their sourcing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-coffee-cup_23-2149647823.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", role: "Daily Visitor", testimonial: "I love the sustainable focus of their sourcing.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-coffee-cup_23-2149647823.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah J.",
|
||||
role: "Tea Connoisseur",
|
||||
testimonial: "Exquisite blends that you can't find anywhere else.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",
|
||||
},
|
||||
id: "5", name: "Sarah J.", role: "Tea Connoisseur", testimonial: "Exquisite blends that you can't find anywhere else.", imageSrc: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg"},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="Discover why tea enthusiasts make Leaf & Brew their daily sanctuary."
|
||||
@@ -219,14 +136,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
variant: "cell-wave"}}
|
||||
text="Visit us at Leaf & Brew for your next perfect cup. We look forward to welcoming you soon."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Directions", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user