Update src/app/page.tsx
This commit is contained in:
289
src/app/page.tsx
289
src/app/page.tsx
@@ -2,282 +2,93 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LUMIÈRE"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Elevating the Art of Coffee"
|
||||
description="Experience the culmination of meticulous craftsmanship and premium beans, curated for the modern palate."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Crafting the Exceptional"
|
||||
description="A symphony of premium beans, precise extraction, and modern minimalist design."
|
||||
background={{ variant: "plain" }}
|
||||
leftCarouselItems={[
|
||||
{ videoSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-5781.jpg?_wi=1", videoAriaLabel: "Coffee preparation close-up" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-coffee-cup_74190-5781.jpg?_wi=1"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/white-coffee-cup_74190-5781.jpg?_wi=2"
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-5781.jpg?_wi=1", imageAlt: "Espresso shot" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Menu", href: "#menu" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
<ProductCardThree
|
||||
title="Curated Selection"
|
||||
description="Experience our seasonal rotation of artisanal roasts."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Signature",
|
||||
name: "Velvet Latte",
|
||||
price: "$8",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-with-cinnamon-foam_140725-6677.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Cold Brew",
|
||||
name: "Midnight Roast",
|
||||
price: "$7",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/milk-pouring-into-hot-coffee_23-2147834545.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Classic",
|
||||
name: "Drip Special",
|
||||
price: "$5",
|
||||
rating: 4,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-black-cup-saucer-dark-table-freee-place_140725-129927.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Specialty",
|
||||
name: "Matcha Bliss",
|
||||
price: "$9",
|
||||
rating: 5,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-latte-garnished-with-chocolate-syrup_140725-5974.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Iced",
|
||||
name: "Cloud Americano",
|
||||
price: "$7",
|
||||
rating: 4,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-still-life_23-2149870653.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Signature",
|
||||
name: "Golden Flat White",
|
||||
price: "$8",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-cup-with-fragrant-strong-espresso-coffee-with-thick-foam-traditional-greek-coffee-shop-top-view-coffee-with-saucer-gray-marble-table-idea-background-poster_166373-3823.jpg",
|
||||
},
|
||||
]}
|
||||
title="Artisanal Menu"
|
||||
description="A selection of our finest signature beverages and delicacies."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="depth-3d"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
handle: "@alex.r",
|
||||
testimonial: "The best coffee experience in the city. Absolute perfection in every cup.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Modern, clean, and incredible attention to detail. My daily morning ritual.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus L.",
|
||||
handle: "@m.leung",
|
||||
testimonial: "Atmosphere and coffee are both world-class. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office-black-white_23-2151777630.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena V.",
|
||||
handle: "@elenav",
|
||||
testimonial: "Sophisticated coffee profiles that delight the senses every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julian S.",
|
||||
handle: "@j.santos",
|
||||
testimonial: "A minimalist haven for true coffee lovers. Can't imagine better.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Connoisseurs"
|
||||
description="Hear what our patrons say about their coffee journey."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our sourcing and service."
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you source your coffee beans ethically?",
|
||||
content: "Yes, we work directly with farms to ensure fair pay and sustainable agricultural practices for every single harvest.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer vegan milk alternatives?",
|
||||
content: "We offer a variety of plant-based milks, including organic oat, almond, and soy, at no additional charge.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I reserve space for a private event?",
|
||||
content: "Absolutely. Our space is available for intimate gatherings and events. Please contact us via the form on our site for details.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Is your coffee menu seasonal?",
|
||||
content: "Yes, we curate our menu based on the harvest cycles of different coffee-growing regions globally.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Do you offer wholesale beans?",
|
||||
content: "We do provide roasted, premium beans for select partners. Inquire through our contact page to start the conversation.",
|
||||
},
|
||||
products={[
|
||||
{ id: "1", name: "Signature Origin", price: "$9", imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-with-cinnamon-foam_140725-6677.jpg" },
|
||||
{ id: "2", name: "Midnight Brew", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/milk-pouring-into-hot-coffee_23-2147834545.jpg" },
|
||||
{ id: "3", name: "Golden Roast", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/white-cup-with-fragrant-strong-espresso-coffee-with-thick-foam-traditional-greek-coffee-shop-top-view-coffee-with-saucer-gray-marble-table-idea-background-poster_166373-3823.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Visit our boutique coffee house and taste the difference. Reserve a table or inquire about events."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@lumiere.coffee",
|
||||
},
|
||||
<ContactSplitForm
|
||||
title="Reserve Your Experience"
|
||||
description="Whether it is a private event or a table reservation, let's connect."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us your requirements..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office-black-white_23-2151777630.jpg"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "General",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterMedia
|
||||
logoText="LUMIÈRE"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Contact", items: [{ label: "hello@lumiere.coffee", href: "mailto:hello@lumiere.coffee" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user