200 lines
9.8 KiB
TypeScript
200 lines
9.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Coffee, Croissant, Heart, Wifi } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Menu", id: "products"},
|
|
{
|
|
name: "Experience", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Cafe Kikki"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Welcome to Cafe Kikki"
|
|
description="Where every cup tells a story. Artisan coffee, freshly baked treats, and a cozy corner waiting just for you in the heart of the city."
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "#products"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458090.jpg"
|
|
imageAlt="Cafe Kikki interior"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg", alt: "Customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-fortune-cookie-pattern_23-2149247671.jpg", alt: "Customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/blond-business-woman-sleeping-couch_23-2148095783.jpg", alt: "Customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/surprised-curly-woman-hat-drinking-coffee-looking-away_171337-11992.jpg", alt: "Customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg", alt: "Customer 5"},
|
|
]}
|
|
avatarText="Join 5,000+ coffee lovers"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Locally Roasted", icon: Coffee,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Fresh Pastries", icon: Croissant,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Cozy Atmosphere", icon: Coffee,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Ethically Sourced", icon: Heart,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Free Wi-Fi", icon: Wifi,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Our Story"
|
|
title="Handcrafted for You"
|
|
description="At Cafe Kikki, we believe in the magic of simple ingredients transformed by passion. From ethically sourced beans to our daily baked pastries, every detail is crafted to provide a moment of pure bliss in your busy day."
|
|
subdescription="Founded with a love for community and quality, we strive to be more than just a cafe—we are your second home."
|
|
icon={Coffee}
|
|
imageSrc="http://img.b2bpic.net/free-photo/coffee-beans_1388-619.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", brand: "Kikki Specials", name: "Signature Latte", price: "$5.50", rating: 5,
|
|
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg"},
|
|
{
|
|
id: "p2", brand: "Bakery", name: "Butter Croissant", price: "$4.00", rating: 5,
|
|
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-bread-recipe-idea_53876-105983.jpg"},
|
|
{
|
|
id: "p3", brand: "Refreshments", name: "Cold Brew", price: "$4.75", rating: 4,
|
|
reviewCount: "82", imageSrc: "http://img.b2bpic.net/free-photo/front-view-alcohol-drinks-inside-glasses-brown-wooden-desk_140725-25893.jpg"},
|
|
{
|
|
id: "p4", brand: "Bakery", name: "Blueberry Muffin", price: "$3.75", rating: 5,
|
|
reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-muffin-with-blueberry-forest-fruit_23-2148718769.jpg"},
|
|
{
|
|
id: "p5", brand: "Roastery", name: "Pour Over", price: "$6.00", rating: 5,
|
|
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/hands-making-coffee-close-up_23-2149045700.jpg"},
|
|
{
|
|
id: "p6", brand: "Dessert", name: "Fudge Brownie", price: "$4.25", rating: 5,
|
|
reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-herbal-tea-cup-tea-with-cinnamon-lemon-appetizing-cupcakes-bowls-chocolate-slices-lime-chocolate-cream-colorful-sweets-table_140725-111275.jpg"},
|
|
]}
|
|
title="Cafe Menu Highlights"
|
|
description="A curated selection of our favorite specialty drinks and daily baked goods."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", title: "Best Coffee Ever", quote: "The signature latte here is unbeatable. Truly the heart of my morning routine.", name: "Anna S.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg"},
|
|
{
|
|
id: "t2", title: "Cozy Atmosphere", quote: "My favorite place to catch up on work. The pastries are divine.", name: "Marcus L.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-fortune-cookie-pattern_23-2149247671.jpg"},
|
|
{
|
|
id: "t3", title: "Great Staff", quote: "Always welcomed with a smile. The staff here makes the experience special.", name: "Sarah J.", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sleeping-couch_23-2148095783.jpg"},
|
|
{
|
|
id: "t4", title: "Perfect Spot", quote: "Finally, a cafe that knows how to make a proper pour-over. Fantastic!", name: "David W.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/surprised-curly-woman-hat-drinking-coffee-looking-away_171337-11992.jpg"},
|
|
{
|
|
id: "t5", title: "Community Vibe", quote: "Cafe Kikki brings such a warmth to our neighborhood. Couldn't live without it!", name: "Emily P.", role: "Nurse", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg"},
|
|
]}
|
|
title="Kind Words from Our Friends"
|
|
description="Discover why our patrons keep coming back for more."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
text="Visit us at Cafe Kikki and experience the warmth today. Located at the corner of 5th and Main."
|
|
buttons={[
|
|
{
|
|
text: "Get Directions", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-open-sign-made-with-lights_181624-44086.jpg"
|
|
logoText="Cafe Kikki"
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{
|
|
label: "About", href: "#about"},
|
|
{
|
|
label: "Menu", href: "#products"},
|
|
{
|
|
label: "Experience", href: "#testimonials"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Cafe Kikki | All Rights Reserved"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|