217 lines
19 KiB
TypeScript
217 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Home, Droplet, Flower, Leaf } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="blurBottom"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav" className="mx-auto px-4 md:px-6">
|
|
<NavbarStyleCentered
|
|
brandName="Leonora's Café & Resto"
|
|
navItems={[
|
|
{ name: "Home", id: "#hero" },
|
|
{ name: "About Us", id: "#about" },
|
|
{ name: "Services", id: "#services" },
|
|
{ name: "Packages", id: "#packages" },
|
|
{ name: "Testimonials", id: "#testimonials" },
|
|
{ name: "FAQ", id: "#faq" },
|
|
{ name: "Contact", id: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="hero" data-section="hero" className="mx-auto px-4 md:px-6">
|
|
<HeroBillboardTestimonial
|
|
title="Cultivating Elegance: Leonora's Café & Resto Landscaping"
|
|
description="Beyond gardens, we sculpt experiences. Leonora's transforms outdoor areas into serene extensions of your lifestyle, blending natural beauty with refined design, reminiscent of our cherished cafe ambiance."
|
|
background={{ variant: "downward-rays-static" }}
|
|
testimonials={[
|
|
{ name: "Isabella V.", handle: "@isabella_villas", testimonial: "Leonora's brought our backyard vision to life! It's now a tranquil oasis, perfect for family gatherings and quiet mornings.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-smiling-urban-building-shiny-background_23-2147869624.jpg", imageAlt: "Isabella V." },
|
|
{ name: "Marcus R.", handle: "@marcus_realestate", testimonial: "Our commercial property saw an immediate increase in curb appeal. The team was professional, prompt, and truly artistic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", imageAlt: "Marcus R." },
|
|
{ name: "Sophia L.", handle: "@sophia_lifestyle", testimonial: "They created a rooftop garden that feels like a slice of paradise. Every detail is perfect, reflecting true craftsmanship.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-asian-girl-walks-park-laughs-enjoys-summer-weather-people-lifestyle-concept_1258-203622.jpg", imageAlt: "Sophia L." },
|
|
{ name: "Ethan C.", handle: "@ethan_luxuryhomes", testimonial: "The design expertise at Leonora's is unmatched. Our new pool area landscaping is stunning and adds immense value to our home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-decided-dine-roadside-cafe-eating-hamburger_613910-19643.jpg", imageAlt: "Ethan C." },
|
|
{ name: "Olivia M.", handle: "@olivia_gardens", testimonial: "From initial concept to final planting, Leonora's delivered a breathtaking garden. It's more than landscaping; it's art.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-playing-poker-with-friends_23-2149276094.jpg", imageAlt: "Olivia M." }
|
|
]}
|
|
useInvertedBackground={false}
|
|
tag="Luxury Landscaping"
|
|
buttons={[
|
|
{ text: "Explore Services", href: "#services" },
|
|
{ text: "Get a Quote", href: "#contact" }
|
|
]}
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Client Avatar 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/excited-bearded-man-looking-surprised-camera-blue-background-attractive-guy-having-eyes-full-happiness_574295-6126.jpg", alt: "Client Avatar 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-green-eyed-young-woman-touching-her-hair-looking-into-front_197531-19881.jpg", alt: "Client Avatar 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg", alt: "Client Avatar 4" }
|
|
]}
|
|
avatarText="Join our satisfied clients!"
|
|
imageSrc="http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698370.jpg"
|
|
imageAlt="Luxurious outdoor cafe garden design by Leonora's Landscaping"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
<div id="about" data-section="about" className="mx-auto px-4 md:px-6">
|
|
<SplitAbout
|
|
title="Where Greenery Meets Gastronomy in Design"
|
|
description="Inspired by the inviting charm of our café and restaurant, Leonora's Landscaping extends that philosophy to your outdoor spaces. We craft bespoke landscapes that not only flourish but also invite connection and relaxation, enhancing your lifestyle and property value."
|
|
bulletPoints={[
|
|
{ title: "Artistic Vision", description: "Transforming ideas into breathtaking outdoor realities with creative flair and precision." },
|
|
{ title: "Sustainable Practices", description: "Integrating eco-friendly solutions for landscapes that thrive and respect nature." },
|
|
{ title: "Client-Centric Approach", description: "Collaborating closely with you to ensure your unique desires are woven into every design." },
|
|
{ title: "Meticulous Craftsmanship", description: "Delivering unparalleled quality in every detail, from planting to hardscaping." }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-happy-couple-with-wheelbarrow_23-2148256654.jpg"
|
|
imageAlt="Landscaping team working on a garden design"
|
|
mediaAnimation="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="services" data-section="services" className="mx-auto px-4 md:px-6">
|
|
<FeatureBento
|
|
title="Tailored Landscaping Solutions"
|
|
description="From intricate garden designs to complete outdoor living transformations, our services are designed to meet your unique needs and exceed expectations, bringing the elegance of Leonora's to your outdoor retreat."
|
|
features={[
|
|
{ title: "Custom Garden Design", description: "Bespoke garden plans tailored to your aesthetic, climate, and lifestyle needs.", bentoComponent: "reveal-icon", icon: Leaf },
|
|
{ title: "Outdoor Living Spaces", description: "Creating functional and beautiful patios, decks, pergolas, and outdoor kitchens.", bentoComponent: "reveal-icon", icon: Home },
|
|
{ title: "Sustainable Water Features", description: "Integrating serene ponds, waterfalls, and eco-friendly irrigation systems.", bentoComponent: "reveal-icon", icon: Droplet },
|
|
{ title: "Expert Plant Selection & Installation", description: "Choosing the perfect flora for your landscape, ensuring vibrancy and longevity.", bentoComponent: "reveal-icon", icon: Flower }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="packages" data-section="packages" className="mx-auto px-4 md:px-6">
|
|
<ProductCardThree
|
|
title="Signature Landscaping Packages"
|
|
description="Explore our curated service packages, each designed to bring a distinct character and unparalleled beauty to your outdoor retreat, much like the thoughtfully designed spaces within Leonora's Café & Resto."
|
|
products={[
|
|
{ id: "package-1", name: "Zen Garden Retreat", price: "$5,000+", imageSrc: "http://img.b2bpic.net/free-photo/green-city-park_1127-3491.jpg", imageAlt: "Elegant garden path with stone pavers" },
|
|
{ id: "package-2", name: "Vertical Oasis", price: "$3,500+", imageSrc: "http://img.b2bpic.net/free-photo/bamboo-plant-glass_23-2147695774.jpg", imageAlt: "Lush vertical garden green wall" },
|
|
{ id: "package-3", name: "Fireside Gathering", price: "$7,000+", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-playing-guitar_23-2149454336.jpg", imageAlt: "Custom backyard fire pit area" },
|
|
{ id: "package-4", name: "Tranquil Waterscape", price: "$6,000+", imageSrc: "http://img.b2bpic.net/free-photo/lake-with-bushes-background_1259-121.jpg", imageAlt: "Serene water feature garden pond" },
|
|
{ id: "package-5", name: "Alfresco Dining", price: "$9,000+", imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929550.jpg", imageAlt: "Contemporary outdoor kitchen with BBQ" },
|
|
{ id: "package-6", name: "Veranda Elegance", price: "$4,500+", imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-love-embracing-park-rain_8353-7664.jpg", imageAlt: "Custom pergola with climbing vines" }
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="metrics" data-section="metrics" className="mx-auto px-4 md:px-6">
|
|
<MetricCardEleven
|
|
title="A Legacy of Beautiful Landscapes"
|
|
description="Our commitment to excellence is reflected in the tangible impact we've made on countless properties, creating lasting beauty and value that stands the test of time."
|
|
metrics={[
|
|
{ id: "metric-1", value: "15+", title: "Years of Expertise", description: "Cultivating dream landscapes since 2008.", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-lighting-lamp-design_23-2151037456.jpg", imageAlt: "Award trophy" },
|
|
{ id: "metric-2", value: "98%", title: "Client Satisfaction", description: "Our dedication reflected in happy clients.", imageSrc: "http://img.b2bpic.net/free-photo/childrens-running_23-2148606620.jpg", imageAlt: "Happy family enjoying backyard" },
|
|
{ id: "metric-3", value: "500+", title: "Projects Completed", description: "From residential gardens to grand estates.", imageSrc: "http://img.b2bpic.net/free-photo/hight-rise-condominium-office-buildings_1127-3047.jpg", imageAlt: "Diverse landscaping projects" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6">
|
|
<TestimonialCardFive
|
|
title="What Our Clients Say"
|
|
description="Hear directly from homeowners and businesses who have experienced the transformative touch and exceptional service of Leonora's Café & Resto Landscaping."
|
|
testimonials={[
|
|
{ id: "t1", name: "Laura Chen", date: "May 2023", title: "A True Outdoor Sanctuary", quote: "Leonora's team transformed our drab patio into an inviting oasis. It feels like an extension of our home, perfect for relaxing and entertaining.", tag: "Residential Design", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-model-smiling-urban-building-shiny-background_23-2147869624.jpg", avatarAlt: "Laura Chen", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-gardening-gloves-watering-can-near-fresh-flower-plants-greenhouse_23-2147948245.jpg", imageAlt: "Residential garden" },
|
|
{ id: "t2", name: "David Kim", date: "April 2024", title: "Exceptional Commercial Appeal", quote: "The landscaping work on our corporate campus was outstanding. It elevated our brand image and created a welcoming environment for visitors.", tag: "Commercial Project", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", avatarAlt: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661419.jpg", imageAlt: "Commercial building entrance" },
|
|
{ id: "t3", name: "Maria Rodriguez", date: "Feb 2023", title: "Rooftop Paradise", quote: "I never thought my rooftop could be so green and vibrant. Leonora's created a true escape, a piece of nature in the city.", tag: "Urban Landscaping", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-asian-girl-walks-park-laughs-enjoys-summer-weather-people-lifestyle-concept_1258-203622.jpg", avatarAlt: "Maria Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-pajama-moving-balcony-city-sunny-morning-her-long-hair-flying-wind-she-smiling_197531-2313.jpg", imageAlt: "Rooftop garden" },
|
|
{ id: "t4", name: "Ethan Brown", date: "Jan 2024", title: "Luxury Poolside Perfection", quote: "The new landscaping around our pool is stunning. It perfectly complements our home's architecture and creates a resort-like feel.", tag: "Luxury Residences", avatarSrc: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-decided-dine-roadside-cafe-eating-hamburger_613910-19643.jpg", avatarAlt: "Ethan Brown", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7924.jpg", imageAlt: "Poolside landscaping" },
|
|
{ id: "t5", name: "Sophia Lee", date: "Nov 2023", title: "Seasonal Beauty Unveiled", quote: "Every season brings new joy to our garden thanks to Leonora's expert design and maintenance. It's a living work of art.", tag: "Seasonal Gardens", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-person-playing-poker-with-friends_23-2149276094.jpg", avatarAlt: "Sophia Lee", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-colorful-flowers-holland-netherlands_58702-10768.jpg", imageAlt: "Seasonal flower garden" }
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="social-proof" data-section="social-proof" className="mx-auto px-4 md:px-6">
|
|
<SocialProofOne
|
|
title="Trusted by Esteemed Properties"
|
|
description="We are proud to have partnered with a diverse range of clients, from residential estates to commercial establishments, enhancing their outdoor appeal and overall experience."
|
|
names={[
|
|
"Grandeur Hotel & Spa", "Elite Estate Management", "The Gourmet Haven", "Aurora Boutiques", "Summit Corporate Campus", "The Conservatory Club", "Blossom Event Venues"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
|
|
<FaqDouble
|
|
title="Common Dining & Reservation Questions"
|
|
description="Find quick answers to your queries about dining, reservations, and events at Leonora's Café & Resto."
|
|
faqs={[
|
|
{ id: "faq1", title: "What are your operating hours?", content: "Leonora's Café & Resto is open Tuesday to Sunday. Café hours are 8:00 AM - 5:00 PM. Restaurant dinner service is from 5:30 PM - 10:00 PM. We are closed on Mondays." },
|
|
{ id: "faq2", title: "How can I make a reservation?", content: "Reservations can be made online through our website's 'Contact' section, by calling us at (123) 456-7890, or by using our reservation widget available on our homepage. We recommend booking in advance, especially for weekend dining." },
|
|
{ id: "faq3", title: "Do you accommodate dietary restrictions?", content: "Yes, we strive to accommodate all dietary restrictions and allergies. Please inform your server or mention any requirements when making your reservation, and our culinary team will be happy to assist you." },
|
|
{ id: "faq4", title: "Do you offer private dining or event space?", content: "Absolutely! Leonora's has a beautiful private dining room perfect for special occasions, corporate events, or intimate gatherings. Please contact us directly to discuss your event needs and availability." },
|
|
{ id: "faq5", title: "Is there a dress code?", content: "For dinner service, we suggest smart casual attire to complement the elegant ambiance of our restaurant. For café hours, casual wear is perfectly suitable." },
|
|
{ id: "faq6", title: "Do you have outdoor seating?", content: "Yes, we offer charming outdoor seating in our beautifully landscaped garden area, weather permitting. Please specify your preference for outdoor seating when making a reservation." }
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact" className="mx-auto px-4 md:px-6">
|
|
<ContactCenter
|
|
tag="Visit & Reserve"
|
|
title="Experience Leonora's Café & Resto"
|
|
description="Find us, view our hours, or easily make a reservation for an unforgettable dining experience."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Preferred Reservation Date & Time"
|
|
buttonText="Make a Reservation"
|
|
termsText="By clicking 'Make a Reservation,' you agree to our terms and privacy policy. You will be redirected to our booking partner."
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer" className="mx-auto px-4 md:px-6">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "Dining", items: [{ label: "Menu", href: "#" }, { label: "Reservations", href: "#contact" }, { label: "Private Events", href: "#contact" }] },
|
|
{ title: "About Us", items: [{ label: "Our Story", href: "#about" }, { label: "Our Philosophy", href: "#about" }, { label: "Testimonials", href: "#testimonials" }] },
|
|
{ title: "Contact & Location", items: [
|
|
{ label: "123 Main Street, Cityville", href: "#" },
|
|
{ label: "(123) 456-7890", href: "tel:+1234567890" },
|
|
{ label: "hello@leonoras.com", href: "mailto:hello@leonoras.com" }
|
|
] },
|
|
{ title: "Hours", items: [
|
|
{ label: "Cafe: Tue-Sun, 8 AM - 5 PM", href: "#" },
|
|
{ label: "Restaurant: Tue-Sun, 5:30 PM - 10 PM", href: "#" },
|
|
{ label: "Closed on Mondays", href: "#" }
|
|
] }
|
|
]}
|
|
bottomLeftText="© 2024 Leonora's Café & Resto. All rights reserved."
|
|
bottomRightText="Exquisite dining, beautifully crafted."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|