Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 74854023dc | |||
| 473834169a | |||
| c6b3a2e7f4 | |||
| ee4165ddc0 | |||
| 370eaee839 |
305
src/app/page.tsx
305
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
@@ -29,142 +29,189 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Artisan Brew"
|
||||
button={{ text: "Order Now", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Artisan Brew"
|
||||
button={{
|
||||
text: "Order Now", href: "#menu"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Experience Artisanal Perfection"
|
||||
description="Where tradition meets modern brewing. Discover your favorite brew in a cozy 3D-inspired space."
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Experience Artisanal Perfection"
|
||||
description="Where tradition meets modern brewing. Discover your favorite brew in a cozy 3D-inspired space."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Crafted with passion"
|
||||
description="We believe in the art of the perfect cup."
|
||||
subdescription="Every bean is hand-selected and roasted to perfection, delivering a uniquely rich and smooth flavor profile."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-coffee-equipment_23-2149371277.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Crafted with passion"
|
||||
description="We believe in the art of the perfect cup."
|
||||
subdescription="Every bean is hand-selected and roasted to perfection, delivering a uniquely rich and smooth flavor profile."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-coffee-equipment_23-2149371277.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Classic Espresso", price: "$3.50", variant: "Rich & Bold", imageSrc: "http://img.b2bpic.net/free-photo/mocca-coffee-shop_1339-4891.jpg" },
|
||||
{ id: "p2", name: "Velvet Latte", price: "$4.50", variant: "Smooth", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-different-types-bread_23-2149233692.jpg" },
|
||||
{ id: "p3", name: "Golden Croissant", price: "$4.00", variant: "Buttery", imageSrc: "http://img.b2bpic.net/free-photo/croissant-wooden-cutting-board-flat-lay_176474-8140.jpg" },
|
||||
{ id: "p4", name: "Iced Matcha", price: "$5.00", variant: "Refreshing", imageSrc: "http://img.b2bpic.net/free-photo/knife-rope-near-candied-fruits-bread_23-2147851916.jpg" },
|
||||
{ id: "p5", name: "Mocha Bliss", price: "$4.75", variant: "Decadent", imageSrc: "http://img.b2bpic.net/free-photo/croissants-grey-table_176420-294.jpg" },
|
||||
{ id: "p6", name: "Artisan Tea", price: "$3.75", variant: "Fragrant", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-croissants-arrangement_23-2148654026.jpg" },
|
||||
]}
|
||||
title="Handcrafted Favorites"
|
||||
description="Explore our curated selection of fine coffee and pastry items."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Classic Espresso", price: "$3.50", variant: "Rich & Bold", imageSrc: "http://img.b2bpic.net/free-photo/mocca-coffee-shop_1339-4891.jpg"},
|
||||
{
|
||||
id: "p2", name: "Velvet Latte", price: "$4.50", variant: "Smooth", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-different-types-bread_23-2149233692.jpg"},
|
||||
{
|
||||
id: "p3", name: "Golden Croissant", price: "$4.00", variant: "Buttery", imageSrc: "http://img.b2bpic.net/free-photo/croissant-wooden-cutting-board-flat-lay_176474-8140.jpg"},
|
||||
{
|
||||
id: "p4", name: "Iced Matcha", price: "$5.00", variant: "Refreshing", imageSrc: "http://img.b2bpic.net/free-photo/knife-rope-near-candied-fruits-bread_23-2147851916.jpg"},
|
||||
{
|
||||
id: "p5", name: "Mocha Bliss", price: "$4.75", variant: "Decadent", imageSrc: "http://img.b2bpic.net/free-photo/croissants-grey-table_176420-294.jpg"},
|
||||
{
|
||||
id: "p6", name: "Artisan Tea", price: "$3.75", variant: "Fragrant", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-croissants-arrangement_23-2148654026.jpg"},
|
||||
]}
|
||||
title="Handcrafted Favorites"
|
||||
description="Explore our curated selection of fine coffee and pastry items."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Precision Roasting", description: "Small batches for maximum flavor.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-3d-roasted-coffee-beans_23-2151083807.jpg" },
|
||||
{ title: "Direct Trade", description: "Supporting ethical coffee farmers.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-filling-portafilter-with-coffee_23-2147830576.jpg" },
|
||||
{ title: "Cozy Atmosphere", description: "Perfect space for relaxing.", imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3412.jpg" },
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Quality in every single detail."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Roasting", description: "Small batches for maximum flavor.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-3d-roasted-coffee-beans_23-2151083807.jpg"},
|
||||
{
|
||||
title: "Direct Trade", description: "Supporting ethical coffee farmers.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-filling-portafilter-with-coffee_23-2147830576.jpg"},
|
||||
{
|
||||
title: "Cozy Atmosphere", description: "Perfect space for relaxing.", imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3412.jpg"},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Quality in every single detail."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", date: "Oct 2023", title: "Best latte in town", quote: "Amazing vibes and perfect brew.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-teenager_23-2149153360.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2803.jpg" },
|
||||
{ id: "t2", name: "Mark D.", date: "Sep 2023", title: "Great roasting!", quote: "The depth of flavor here is unmatched.", tag: "Coffee Fan", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg", imageSrc: "http://img.b2bpic.net/free-photo/two-women-laughing-while-having-coffee_23-2148850659.jpg" },
|
||||
{ id: "t3", name: "Emily R.", date: "Aug 2023", title: "Love the croissants", quote: "Everything tastes fresh and authentic.", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13309.jpg", imageSrc: "http://img.b2bpic.net/free-photo/love-care-concept-lovely-couple-have-fun-together-caring-woman-feeds-husband-with-croissant_273609-8901.jpg" },
|
||||
{ id: "t4", name: "David W.", date: "Jul 2023", title: "Perfect mornings", quote: "My favorite spot to get work done.", tag: "Remote", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-optimistic-laughing-girl-with-blond-short-hair-smiling-joyfully-as-show-disco-peac_1258-116792.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-197388.jpg" },
|
||||
{ id: "t5", name: "Linda M.", date: "Jun 2023", title: "Unique flavors", quote: "Always a delightful surprise.", tag: "Explorer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cool-young-black-man-with-curly-hair-has-cheerful-expression_273609-8605.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blue-eyed-curly-girl-with-red-lipstick-dressed-eco-white-fur-coat-smiling-holding-glass-coffee-pink-space_197531-15264.jpg" },
|
||||
]}
|
||||
title="Loved by locals"
|
||||
description="Read what our amazing community says."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah J.", date: "Oct 2023", title: "Best latte in town", quote: "Amazing vibes and perfect brew.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-teenager_23-2149153360.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2803.jpg"},
|
||||
{
|
||||
id: "t2", name: "Mark D.", date: "Sep 2023", title: "Great roasting!", quote: "The depth of flavor here is unmatched.", tag: "Coffee Fan", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg", imageSrc: "http://img.b2bpic.net/free-photo/two-women-laughing-while-having-coffee_23-2148850659.jpg"},
|
||||
{
|
||||
id: "t3", name: "Emily R.", date: "Aug 2023", title: "Love the croissants", quote: "Everything tastes fresh and authentic.", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13309.jpg", imageSrc: "http://img.b2bpic.net/free-photo/love-care-concept-lovely-couple-have-fun-together-caring-woman-feeds-husband-with-croissant_273609-8901.jpg"},
|
||||
{
|
||||
id: "t4", name: "David W.", date: "Jul 2023", title: "Perfect mornings", quote: "My favorite spot to get work done.", tag: "Remote", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-optimistic-laughing-girl-with-blond-short-hair-smiling-joyfully-as-show-disco-peac_1258-116792.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-197388.jpg"},
|
||||
{
|
||||
id: "t5", name: "Linda M.", date: "Jun 2023", title: "Unique flavors", quote: "Always a delightful surprise.", tag: "Explorer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cool-young-black-man-with-curly-hair-has-cheerful-expression_273609-8605.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blue-eyed-curly-girl-with-red-lipstick-dressed-eco-white-fur-coat-smiling-holding-glass-coffee-pink-space_197531-15264.jpg"},
|
||||
]}
|
||||
title="Loved by locals"
|
||||
description="Read what our amazing community says."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: "m1", name: "James", role: "Head Barista", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-female-barista-work-making-coffee_93675-134689.jpg" },
|
||||
{ id: "m2", name: "Elena", role: "Lead Roaster", imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-together_23-2148366596.jpg" },
|
||||
{ id: "m3", name: "Marcus", role: "Cafe Manager", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-stirs-sugar-cup-coffee_8353-1388.jpg" },
|
||||
{ id: "m4", name: "Sonia", role: "Pastry Expert", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2079.jpg" },
|
||||
]}
|
||||
title="Meet the Team"
|
||||
description="The friendly faces behind your morning cup."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1", name: "James", role: "Head Barista", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-female-barista-work-making-coffee_93675-134689.jpg"},
|
||||
{
|
||||
id: "m2", name: "Elena", role: "Lead Roaster", imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-together_23-2148366596.jpg"},
|
||||
{
|
||||
id: "m3", name: "Marcus", role: "Cafe Manager", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-stirs-sugar-cup-coffee_8353-1388.jpg"},
|
||||
{
|
||||
id: "m4", name: "Sonia", role: "Pastry Expert", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2079.jpg"},
|
||||
]}
|
||||
title="Meet the Team"
|
||||
description="The friendly faces behind your morning cup."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you offer Wi-Fi?", content: "Yes, we provide high-speed internet." },
|
||||
{ id: "q2", title: "Are there vegan options?", content: "We offer almond and oat milk, plus vegan pastries." },
|
||||
{ id: "q3", title: "Can I reserve seating?", content: "Seating is first-come-first-served." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need help or have questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you offer Wi-Fi?", content: "Yes, we provide high-speed internet."},
|
||||
{
|
||||
id: "q2", title: "Are there vegan options?", content: "We offer almond and oat milk, plus vegan pastries."},
|
||||
{
|
||||
id: "q3", title: "Can I reserve seating?", content: "Seating is first-come-first-served."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need help or have questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Join Us"
|
||||
title="Stay Connected"
|
||||
description="Join our newsletter for special event invites."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Stay Connected"
|
||||
description="Join our newsletter for special event invites."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Enter your email", required: true }
|
||||
]}
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Artisan Brew"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
bottomLeftText="© 2024 Artisan Brew"
|
||||
bottomRightText="All rights reserved"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user