258 lines
16 KiB
TypeScript
258 lines
16 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Award, Bell, Coffee, Leaf, Users, Heart, Sparkles } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="grid"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Experience", id: "about" },
|
|
{ name: "Offerings", id: "product" },
|
|
{ name: "Community", id: "testimonial" },
|
|
{ name: "Visit", id: "contact" },
|
|
{ name: "Stories", id: "blog" }
|
|
]}
|
|
brandName="JAWA"
|
|
bottomLeftText="Est. Sanctuary for Espresso"
|
|
bottomRightText="hello@jawacafe.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Espresso Worth Celebrating"
|
|
description="A botanical coffee sanctuary where rich espresso, artisan desserts, and calming greenery create unforgettable moments. Step away from the ordinary and into a space designed for life's best conversations."
|
|
buttons={[
|
|
{ text: "Book Your Visit", href: "#about" },
|
|
{ text: "Reserve a Table", href: "#contact" }
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-curly-woman-leather-jacket-bar-put-her-legs-table_627829-6931.jpg", imageAlt: "JAWA CAFE - Premium espresso preparation with botanical ambiance"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blurred-restaurant_1203-65.jpg", imageAlt: "JAWA CAFE - Luxury sanctuary interior with greenery and natural light"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sweet-strawberry-cake-with-black-tea_140725-9269.jpg", imageAlt: "JAWA CAFE - Celebratory moments with gourmet pastries and premium coffee"
|
|
}
|
|
]}
|
|
autoplayDelay={5000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="JAWA CAFE isn't just a coffee shop—it's a sanctuary for those who savor life's meaningful moments. Where premium espresso craftsmanship meets botanical serenity, every visit becomes a celebration of mindfulness, connection, and exceptional taste."
|
|
metrics={[
|
|
{ icon: Coffee, label: "Single-Origin Selections", value: "12+" },
|
|
{ icon: Leaf, label: "Botanical Species", value: "40+" },
|
|
{ icon: Users, label: "Community Members", value: "8,000+" },
|
|
{ icon: Award, label: "Years of Mastery", value: "15" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwelve
|
|
features={[
|
|
{
|
|
id: "espresso", label: "Espresso", title: "Crafted for Connoisseurs", items: [
|
|
"Single-origin beans sourced ethically", "Precision espresso pulled to perfection", "Artisan milk steaming and latte art mastery", "Flavor profiles that reward attention"
|
|
],
|
|
buttons: [{ text: "Explore Our Menu", href: "#product" }]
|
|
},
|
|
{
|
|
id: "botanical", label: "Botanical", title: "Calming Greenery Surrounds You", items: [
|
|
"Curated plants create sanctuary atmosphere", "Natural light and organic aesthetics", "Air-purifying botanicals for wellness", "Instagram-worthy moments at every corner"
|
|
],
|
|
buttons: [{ text: "Visit Us", href: "#contact" }]
|
|
},
|
|
{
|
|
id: "moments", label: "Moments", title: "Celebrate Life's Milestones", items: [
|
|
"Intimate space for meaningful conversations", "Perfect venue for small gatherings", "Gourmet pastries and dessert pairings", "Memories that linger long after coffee ends"
|
|
],
|
|
buttons: [{ text: "Plan an Event", href: "#contact" }]
|
|
}
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
title="The Sanctuary Experience"
|
|
description="Three pillars that define JAWA CAFE and elevate every visit into a moment worth remembering."
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardTwo
|
|
title="Our Signature Collection"
|
|
description="Each offering is crafted with intention, from single-origin espresso to botanical-inspired beverages and artisan pastries."
|
|
tag="Premium Selection"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="two-columns-alternating-heights"
|
|
products={[
|
|
{
|
|
id: "1", brand: "JAWA ESPRESSO", name: "Single-Origin Espresso", price: "$6.50", rating: 5,
|
|
reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-glass-jar-table_176474-620.jpg", imageAlt: "JAWA Single-Origin Espresso Shot"
|
|
},
|
|
{
|
|
id: "2", brand: "JAWA CRAFT", name: "Artisan Cappuccino", price: "$5.75", rating: 5,
|
|
reviewCount: "298", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-milk-inside-cup-white-desk-drink-coffee-milk-desk_140725-39597.jpg", imageAlt: "JAWA Artisan Cappuccino with Latte Art"
|
|
},
|
|
{
|
|
id: "3", brand: "JAWA ESPRESSO", name: "Balanced Cortado", price: "$5.25", rating: 5,
|
|
reviewCount: "267", imageSrc: "http://img.b2bpic.net/free-photo/tasty-coffee-cups-with-foam-assortment_23-2149514285.jpg", imageAlt: "JAWA Balanced Cortado"
|
|
},
|
|
{
|
|
id: "4", brand: "JAWA WELLNESS", name: "Botanical Matcha Latte", price: "$6.00", rating: 5,
|
|
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/slice-bread-with-avocado-pasta-pomegranate_23-2148440362.jpg", imageAlt: "JAWA Botanical Matcha Latte"
|
|
},
|
|
{
|
|
id: "5", brand: "JAWA PASTRY", name: "Artisan Fruit Tart", price: "$7.50", rating: 5,
|
|
reviewCount: "189", imageSrc: "http://img.b2bpic.net/free-photo/square-slice-chocolate-cheesecake-stone-platter_114579-16537.jpg", imageAlt: "JAWA Artisan Fruit Tart"
|
|
},
|
|
{
|
|
id: "6", brand: "JAWA PASTRY", name: "Butter Croissant", price: "$4.75", rating: 5,
|
|
reviewCount: "412", imageSrc: "http://img.b2bpic.net/free-photo/zoom-view-croissants-with-chocolate-peanut-white-plate_176474-120131.jpg", imageAlt: "JAWA Butter Croissant"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Specialty Coffee Leaders"
|
|
description="JAWA CAFE proudly partners with industry certifications and communities dedicated to excellence, sustainability, and craft."
|
|
tag="Partnerships"
|
|
tagIcon={Award}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Fair Trade Certified", "Specialty Coffee Association", "Organic Certification", "Sustainable Practices Alliance", "Carbon Neutral Initiative", "Premium Quality Assured", "Artisan Coffee Collective"
|
|
]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/elegant-set-modern-autumn-badges_23-2147675148.jpg", "http://img.b2bpic.net/free-vector/black-white-coffee-badges_23-2147498593.jpg", "http://img.b2bpic.net/free-vector/colored-round-badges-vintage-style-mother-earth-day_23-2147606620.jpg", "http://img.b2bpic.net/free-vector/flat-design-cruelty-free-badge-collection_23-2148811355.jpg", "http://img.b2bpic.net/free-vector/world-environment-day-label-collection_23-2147622535.jpg", "http://img.b2bpic.net/free-vector/gradient-patented-label-collection_23-2149722745.jpg", "http://img.b2bpic.net/free-vector/st-patrick-badges-blackboard-style_23-2147506013.jpg"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardThirteen
|
|
title="Moments Worth Celebrating"
|
|
description="Hear from those who've discovered JAWA CAFE as their sanctuary for reflection, connection, and exceptional coffee."
|
|
tag="Community Stories"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Alexandra Chen", handle: "@mindful_mornings", testimonial: "JAWA CAFE transformed my morning routine into a sacred ritual. The espresso is perfection, but it's the botanical sanctuary that keeps me coming back. This is where I find clarity.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-businesswoman-pointing-camera_1262-5406.jpg", imageAlt: "Alexandra Chen - The Mindful Professional"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Williams", handle: "@cafe_collector", testimonial: "Finally, a coffee shop that gets it. Single-origin excellence, latte art that's actually art, and a vibe that's Instagram gold. Celebrating three milestone moments here already!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-smiling_1187-3303.jpg", imageAlt: "Marcus Williams - The Social Celebrator"
|
|
},
|
|
{
|
|
id: "3", name: "James Patterson", handle: "@coffee_connoisseur", testimonial: "After 30 years of espresso exploration, JAWA CAFE's craftsmanship is remarkable. Their sourcing philosophy and execution are on par with the best roasters worldwide. Exceptional.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-man-blinks-eye-holding-coffee-cup-pointing-isolated-white-wall_141793-68097.jpg", imageAlt: "James Patterson - The Coffee Connoisseur"
|
|
},
|
|
{
|
|
id: "4", name: "Sophia Rodriguez", handle: "@gather_moments", testimonial: "Hosted our engagement party at JAWA and it was perfection. The staff anticipated every need, the pastries were divine, and guests are still talking about the ambiance. Highly recommend!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575097.jpg", imageAlt: "Sophia Rodriguez - The Social Celebrator"
|
|
},
|
|
{
|
|
id: "5", name: "David Kumar", handle: "@reflection_seeker", testimonial: "The botanical design creates genuine calm. I come here to think, to reset, to remember what matters. The coffee fuels the mind; the space heals the spirit.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-street_641386-611.jpg", imageAlt: "David Kumar - The Mindful Professional"
|
|
},
|
|
{
|
|
id: "6", name: "Emma Thompson", handle: "@celebrate_daily", testimonial: "Every visit feels like a mini-celebration. The team remembers my order, the pastries are always fresh, and I've made genuine friendships here. JAWA CAFE is more than coffee—it's community.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-winks-eye-sticks-out-tongue-has-fun-while-walking-urban-setting-dressed-fashionable-pink-jacket-has-optimistic-mood_273609-54819.jpg", imageAlt: "Emma Thompson - The Social Celebrator"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Reserve Your Sanctuary"
|
|
title="Join the JAWA Community"
|
|
description="Be the first to hear about limited-edition single-origins, exclusive events, and moments worth celebrating. Subscribe to our newsletter for insider access."
|
|
tagIcon={Bell}
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Discover"
|
|
termsText="We respect your sanctuary. Unsubscribe anytime. Privacy policy honored."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="JAWA CAFE"
|
|
copyrightText="© 2025 JAWA CAFE. All moments reserved."
|
|
columns={[
|
|
{
|
|
title: "Experience", items: [
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "Menu", href: "#product" },
|
|
{ label: "Moments", href: "#testimonial" },
|
|
{ label: "Reserve", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Email", href: "mailto:hello@jawacafe.com" },
|
|
{ label: "Location", href: "#contact" },
|
|
{ label: "Hours", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Values", items: [
|
|
{ label: "Sustainability", href: "#" },
|
|
{ label: "Fair Trade", href: "#" },
|
|
{ label: "Craft Quality", href: "#" },
|
|
{ label: "Community", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|