263 lines
16 KiB
TypeScript
263 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { Heart, Leaf, Sprout, Users, Sparkles, Mail, Shield, Quote } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="noise"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Menu", id: "menu-highlights" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Community", id: "features" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="La Maison"
|
|
bottomLeftText="Anjuna, Goa"
|
|
bottomRightText="hello@lamaisonvegan.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Plant-Based Paradise Awaits in Anjuna"
|
|
description="Discover La Maison—where fresh, conscious cuisine meets tropical tranquility. A sanctuary for mindful travelers, digital nomads, and kindred spirits seeking beauty, nourishment, and belonging."
|
|
tag="Welcome to Wellness"
|
|
tagIcon={Leaf}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "View Menu", href: "#menu-highlights" },
|
|
{ text: "Order Online", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design-with-wooden-wall-green-wall-grey-chairs_191095-99746.jpg", imageAlt: "La Maison cafe interior with tropical plants and natural lighting"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-psd/healthy-vegan-quinoa-buddha-bowl-with-fresh-vegetables-avocado_9975-132708.jpg?_wi=1", imageAlt: "Colorful plant-based bowl with fresh vegetables"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/healthy-smoothie-with-fruits-dryfruits-white-background_23-2147907019.jpg?_wi=1", imageAlt: "Tropical fresh juice and smoothie drinks"
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Story"
|
|
tagIcon={Sprout}
|
|
tagAnimation="slide-up"
|
|
title="Nourishing Bodies, Hearts & Community Since 2015"
|
|
description="Founded with a vision to create a welcoming space for conscious living, La Maison celebrates plant-based cuisine as an expression of love for ourselves, each other, and our planet."
|
|
subdescription="A sanctuary rooted in values, hospitality, and authentic connection"
|
|
icon={Heart}
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg"
|
|
imageAlt="La Maison founder in the cafe"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
features={[
|
|
{
|
|
id: "1", title: "100% Plant-Based Cuisine", description: "Ethically sourced, fresh ingredients celebrating the beauty of plant-based eating. Every dish tells a story of consciousness and care.", imageSrc: "http://img.b2bpic.net/free-photo/preparing-plant-based-recipe-idea_53876-124361.jpg", imageAlt: "Fresh plant-based bowl"
|
|
},
|
|
{
|
|
id: "2", title: "LGBTQ+ Inclusive Space", description: "A genuinely welcoming sanctuary where everyone belongs. La Maison celebrates diversity and fosters authentic connection.", imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-five-friends-having-coffee-together_1139-1024.jpg", imageAlt: "Diverse community gathering at cafe"
|
|
},
|
|
{
|
|
id: "3", title: "Digital Nomad Haven", description: "Reliable wifi, comfortable seating, and nourishing food create the ideal workspace for remote workers and location-independent professionals.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-laptop-table-restaurant_23-2147871263.jpg", imageAlt: "Cafe workspace with seating and wifi"
|
|
},
|
|
{
|
|
id: "4", title: "Eco-Conscious Operations", description: "Zero-waste practices, sustainable sourcing, and minimal environmental footprint. Sustainability isn't a marketing claim—it's our commitment.", imageSrc: "http://img.b2bpic.net/free-photo/environmentally-friendly-disposable-recyclable-tableware-paper-food-boxes-plates-cutlery-cornstarch-green-grass-background_169016-4886.jpg", imageAlt: "Eco-friendly sustainable cafe practices"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
title="Why Choose La Maison"
|
|
description="Experience the perfect blend of wellness, community, and culinary excellence tailored to every guest"
|
|
tag="Community Values"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu-highlights" data-section="menu-highlights">
|
|
<ProductCardTwo
|
|
products={[
|
|
{
|
|
id: "1", brand: "La Maison", name: "Buddha's Blessing Bowl", price: "₹350", rating: 5,
|
|
reviewCount: "328", imageSrc: "http://img.b2bpic.net/free-psd/healthy-vegan-quinoa-buddha-bowl-with-fresh-vegetables-avocado_9975-132708.jpg?_wi=2", imageAlt: "Colorful plant-based Buddha bowl with quinoa and vegetables"
|
|
},
|
|
{
|
|
id: "2", brand: "La Maison", name: "Tropical Green Smoothie", price: "₹220", rating: 5,
|
|
reviewCount: "412", imageSrc: "http://img.b2bpic.net/free-photo/healthy-smoothie-with-fruits-dryfruits-white-background_23-2147907019.jpg?_wi=2", imageAlt: "Fresh tropical green smoothie with coconut milk"
|
|
},
|
|
{
|
|
id: "3", brand: "La Maison", name: "Cashew Cheesecake Dream", price: "₹280", rating: 5,
|
|
reviewCount: "256", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-plate-with-dessert_23-2149629055.jpg", imageAlt: "Decadent plant-based cashew cheesecake"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
title="Signature Menu Highlights"
|
|
description="Taste the care in every dish. Our chef-curated plant-based creations blend global influences with local Goan flavors."
|
|
tag="Fan Favorites"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Explore Full Menu", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
names={[
|
|
"Vegan Society Certified", "Organic & Fair Trade", "Ethical Partner", "LGBTQ+ Ally", "Eco-Conscious", "Wellness Advocate", "Local Goa Business"
|
|
]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/paper-style-environment-day-labels-template_23-2149415265.jpg", "http://img.b2bpic.net/free-vector/flat-design-compostable-labels-stamps_23-2149396307.jpg", "http://img.b2bpic.net/free-vector/flat-collection-world-environment-day-labels_23-2147619030.jpg", "http://img.b2bpic.net/free-vector/flat-pride-day-badge-collection_23-2148946596.jpg", "http://img.b2bpic.net/free-vector/flat-design-compostable-labels-stamps_23-2149396307.jpg", "http://img.b2bpic.net/free-photo/healthcare-medical-illness-physical-prevention-concept_53876-147717.jpg", "http://img.b2bpic.net/free-vector/flat-design-ecology-badges_23-2149202730.jpg"
|
|
]}
|
|
title="Trusted by Conscious Travelers & Communities"
|
|
description="Certified ethical, sustainable, and inclusive. La Maison is proud to partner with organizations aligned with our values."
|
|
tag="Certifications & Partnerships"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sophie M.", role: "Conscious Traveler", testimonial: "La Maison is exactly what I was searching for in Goa—authentic plant-based food, genuine community, and a space where I truly feel like I belong. The chai alone is worth the journey!", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg", imageAlt: "Sophie, conscious traveler"
|
|
},
|
|
{
|
|
id: "2", name: "Ravi K.", role: "Digital Nomad", testimonial: "The wifi is reliable, the vibes are immaculate, and the Buddha bowls keep my energy up through long work sessions. This is my coworking space and my sanctuary.", imageSrc: "http://img.b2bpic.net/free-photo/image-young-digital-nomad-man-glasses-sits-cafe-works-from-coffee-shop-uses-laptop_1258-245402.jpg", imageAlt: "Ravi, digital nomad"
|
|
},
|
|
{
|
|
id: "3", name: "Amara J.", role: "Values-Driven Visitor", testimonial: "Finally, a space that truly celebrates inclusivity and plant-based living. Every detail shows they care—from the food to the people to the planet.", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-woman-student-sitting-cafe-with-books-magazines-smiling-holding-phone-thinking_176420-12422.jpg", imageAlt: "Amara, values-driven visitor"
|
|
},
|
|
{
|
|
id: "4", name: "Alex T.", role: "LGBTQ+ Community Member", testimonial: "La Maison isn't just a cafe—it's a refuge. The warmth and acceptance I feel here is rare and precious. This is how community should feel.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-curly-woman-with-lgbt-flag_23-2149123939.jpg", imageAlt: "Alex, community member"
|
|
},
|
|
{
|
|
id: "5", name: "Marco D.", role: "Wellness Enthusiast", testimonial: "The food is incredible, but what really gets me is the intention behind everything. You can taste the love in every bite. La Maison understands true nourishment.", imageSrc: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172694.jpg", imageAlt: "Marco, wellness enthusiast"
|
|
},
|
|
{
|
|
id: "6", name: "Luna R.", role: "Artist & Traveler", testimonial: "A place where art, consciousness, and plant-based living converge. La Maison inspires me creatively and spiritually every single day.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg", imageAlt: "Luna, artist and traveler"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
title="Voices from Our Community"
|
|
description="Real stories from travelers, digital nomads, and conscious explorers who've found home at La Maison"
|
|
tag="Guest Stories"
|
|
tagIcon={Quote}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Stay Connected"
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
title="Join Our Community"
|
|
description="Subscribe to receive exclusive menu updates, wellness tips, and invitations to special events. We respect your journey and your inbox."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beach-sunset-with-tree_1259-27.jpg"
|
|
imageAlt="Sunset at La Maison cafe in Anjuna, Goa"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Join Us"
|
|
termsText="We honor your inbox and share only what matters. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="La Maison"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Menu", href: "#menu-highlights" },
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Community", href: "#features" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Order Online", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com/lamaisonvegan" },
|
|
{ label: "Facebook", href: "https://facebook.com/lamaisonvegan" },
|
|
{ label: "Email", href: "mailto:hello@lamaisonvegan.com" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Anjuna, Goa 403509", href: "#" },
|
|
{ label: "+91 98765 43210", href: "tel:+919876543210" },
|
|
{ label: "hello@lamaisonvegan.com", href: "mailto:hello@lamaisonvegan.com" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|