Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 354bc5189a | |||
| cbba5d9986 |
216
src/app/page.tsx
216
src/app/page.tsx
@@ -14,136 +14,116 @@ import { Coffee, Heart, MapPin, MessageSquare, Utensils } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Brew Haven"
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Brew Haven"
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Start Your Day with Perfect Coffee"
|
||||
description="Handcrafted brews made with passion, served in the warmth of our cozy haven."
|
||||
buttons={[{ text: "Order Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-working-computer-drinking-coffee_1303-27375.jpg"
|
||||
tag="Artisanal Coffee Shop"
|
||||
tagIcon={Coffee}
|
||||
imageAlt="fresh coffee cup steam warm lighting"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Brew Haven"
|
||||
description="Handcrafted brews made with passion, served in the warmth of our cozy haven."
|
||||
buttons={[{ text: "Explore Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-working-computer-drinking-coffee_1303-27375.jpg"
|
||||
tag="Your Morning Sanctuary"
|
||||
tagIcon={Coffee}
|
||||
imageAlt="fresh coffee cup steam warm lighting"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Espresso", price: "$3.50", variant: "Bold & Rich", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-holding-coffee-cup-cafe_1170-665.jpg"},
|
||||
{
|
||||
id: "2", name: "Cappuccino", price: "$4.50", variant: "Creamy & Smooth", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-latte-art-christmas-tree_140725-8491.jpg"},
|
||||
{
|
||||
id: "3", name: "Cold Brew", price: "$5.00", variant: "Refreshing", imageSrc: "http://img.b2bpic.net/free-photo/three-shots-sand_23-2147655888.jpg"},
|
||||
{
|
||||
id: "4", name: "Almond Croissant", price: "$4.00", variant: "Freshly Baked", imageSrc: "http://img.b2bpic.net/free-photo/croissant-with-tea-cup-dried-herbs-flat-lay-wooden-kitchen-towel_176474-8189.jpg"},
|
||||
]}
|
||||
title="Our Signature Brews"
|
||||
description="Discover our carefully curated selection of coffee and artisanal snacks."
|
||||
tag="Daily Menu"
|
||||
tagIcon={Utensils}
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Espresso", price: "$3.50", variant: "Bold & Rich", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-holding-coffee-cup-cafe_1170-665.jpg" },
|
||||
{ id: "2", name: "Cappuccino", price: "$4.50", variant: "Creamy & Smooth", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-latte-art-christmas-tree_140725-8491.jpg" },
|
||||
{ id: "3", name: "Cold Brew", price: "$5.00", variant: "Refreshing", imageSrc: "http://img.b2bpic.net/free-photo/three-shots-sand_23-2147655888.jpg" },
|
||||
{ id: "4", name: "Almond Croissant", price: "$4.00", variant: "Freshly Baked", imageSrc: "http://img.b2bpic.net/free-photo/croissant-with-tea-cup-dried-herbs-flat-lay-wooden-kitchen-towel_176474-8189.jpg" },
|
||||
]}
|
||||
title="Our Signature Brews"
|
||||
description="Discover our carefully curated selection of coffee and artisanal snacks."
|
||||
tag="The Daily Menu"
|
||||
tagIcon={Utensils}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Story Behind Brew Haven"
|
||||
description="Brew Haven was born from a simple passion: to bring people together through the art of perfectly roasted beans. Our cozy corner is your home away from home, where every cup tells a story of quality and community."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg"
|
||||
tag="Our Philosophy"
|
||||
tagIcon={Heart}
|
||||
imageAlt="cozy cafe interior warm"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Story Behind Brew Haven"
|
||||
description="Brew Haven was born from a simple passion: to bring people together through the art of perfectly roasted beans. Our cozy corner is your home away from home, where every cup tells a story of quality and community."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg"
|
||||
tag="Our Philosophy"
|
||||
tagIcon={Heart}
|
||||
imageAlt="cozy cafe interior warm"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Miller", handle: "@sarahcoffee", testimonial: "The best espresso in the city! So cozy and welcoming.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-adult-man-smiling_23-2148531043.jpg"},
|
||||
{
|
||||
id: "2", name: "John Doe", handle: "@jd_brew", testimonial: "A perfect spot for my morning reading routine.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-with-coffee-cup-cloth_23-2147671380.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily Chen", handle: "@ec_art", testimonial: "Loved the atmosphere and the almond croissants are to die for.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-lifestyle-portrait-happy-carefree-black-woman-enjoying-coffee-break-paris_273443-1402.jpg"},
|
||||
{
|
||||
id: "4", name: "Mike Ross", handle: "@mikeross", testimonial: "Excellent service and the smoothest cold brew I have ever had.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-meeting-restaurant_23-2148395317.jpg"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="The heart of Brew Haven is our wonderful customers."
|
||||
tag="Testimonials"
|
||||
tagIcon={MessageSquare}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", handle: "@sarahcoffee", testimonial: "The best espresso in the city! So cozy and welcoming.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-adult-man-smiling_23-2148531043.jpg" },
|
||||
{ id: "2", name: "John Doe", handle: "@jd_brew", testimonial: "A perfect spot for my morning reading routine.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-with-coffee-cup-cloth_23-2147671380.jpg" },
|
||||
{ id: "3", name: "Emily Chen", handle: "@ec_art", testimonial: "Loved the atmosphere and the almond croissants are to die for.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-lifestyle-portrait-happy-carefree-black-woman-enjoying-coffee-break-paris_273443-1402.jpg" },
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="The heart of Brew Haven is our wonderful customers."
|
||||
tag="Testimonials"
|
||||
tagIcon={MessageSquare}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Find Your Haven"
|
||||
description="123 Coffee Lane, Brew Town. Open Daily 7AM - 9PM. Call us at (555) 123-4567."
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
tagIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Find Your Haven"
|
||||
description="123 Coffee Lane, Brew Town. Open Daily 7AM - 9PM. Call us at (555) 123-4567."
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
tagIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2149031292.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Brew Haven. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2149031292.jpg"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Socials", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Brew Haven. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user