219 lines
10 KiB
TypeScript
219 lines
10 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="mediumSmall"
|
||
sizing="largeSizeMediumTitles"
|
||
background="aurora"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "Services", id: "services"},
|
||
{
|
||
name: "Events", id: "gallery"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Casa Zobe & Co"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplit
|
||
background={{
|
||
variant: "plain"}}
|
||
title="Casa Zobe & Co – Creating Unforgettable Experiences"
|
||
description="Exquisite catering and meticulous event planning for weddings, corporate milestones, and intimate celebrations."
|
||
buttons={[
|
||
{
|
||
text: "Start Planning", href: "#contact"},
|
||
{
|
||
text: "View Our Services", href: "#services"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/catering-buffet_74190-354.jpg"
|
||
imageAlt="Luxury catering event display"
|
||
mediaAnimation="slide-up"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/side-view-women-getting-married_23-2150753662.jpg", alt: "Client testimonial portrait 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/happy-male-near-cheerful-female-table_23-2148024563.jpg", alt: "Client testimonial portrait 2"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/man-showing-engagement-ring-his-happy-girlfriend-restaurant_23-2147891141.jpg", alt: "Client testimonial portrait 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/african-young-man-proposing-her-girlfriend-by-giving-white-flowers-bouquet_23-2148151780.jpg", alt: "Client testimonial portrait 4"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Client testimonial portrait 5"},
|
||
]}
|
||
avatarText="Trusted by 500+ happy clients"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Gourmet Catering"},
|
||
{
|
||
type: "text", text: "Wedding Coordination"},
|
||
{
|
||
type: "text", text: "Corporate Events"},
|
||
{
|
||
type: "text", text: "Private Soirees"},
|
||
{
|
||
type: "text", text: "Event Design"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="Our Passion for Perfection"
|
||
description={[
|
||
"At Casa Zobe & Co, we believe every occasion is a story waiting to be told. Whether you are hosting a high-stakes corporate event or the wedding of your dreams, our team brings precision, passion, and flavor to every detail.", "From menu curation to floor plan logistics, we handle the stress so you can celebrate."]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardNineteen
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
tag: "Catering", title: "Corporate Catering", subtitle: "Professional & Reliable", description: "Elevate your corporate events with our gourmet menus and seamless service.", imageSrc: "http://img.b2bpic.net/free-photo/pate-decorated-with-cucumbers-carrots-jug-with-compote-top-view_140725-9922.jpg"},
|
||
{
|
||
tag: "Events", title: "Wedding Planning", subtitle: "Elegant & Timeless", description: "From 'I do' to the last dance, we coordinate your perfect day.", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-celebrating-new-year-that-s-coming_23-2149144070.jpg"},
|
||
{
|
||
tag: "Celebrations", title: "Private Parties", subtitle: "Unique & Memorable", description: "Birthdays, galas, and milestones designed to impress.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-having-lunch_23-2150598341.jpg"},
|
||
]}
|
||
title="Our Expertise"
|
||
description="Full-service catering and planning for your special moments."
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="bento-grid"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "1", name: "Instagram Feed", price: "@casazobeandco.llc", variant: "Instagram", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081463.jpg"},
|
||
{
|
||
id: "2", name: "Instagram Feed", price: "@casazobeandco.llc", variant: "Instagram", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-wooden-board-with-baileys-cocktail-it_141793-4194.jpg"},
|
||
{
|
||
id: "3", name: "Instagram Feed", price: "@casazobeandco.llc", variant: "Instagram", imageSrc: "http://img.b2bpic.net/free-photo/cook-standing-with-big-bowl-salad_23-2148040233.jpg"},
|
||
{
|
||
id: "4", name: "Instagram Feed", price: "@casazobeandco.llc", variant: "Instagram", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-sundried-tomato-tasty-snack-concept_185193-109446.jpg"},
|
||
{
|
||
id: "5", name: "Instagram Feed", price: "@casazobeandco.llc", variant: "Instagram", imageSrc: "http://img.b2bpic.net/free-photo/batter-fried-prawns-wood_1339-7715.jpg"},
|
||
{
|
||
id: "6", name: "Instagram Feed", price: "@casazobeandco.llc", variant: "Instagram", imageSrc: "http://img.b2bpic.net/free-photo/wooden-plates-served-with-snacks-vegetables-cheese_8353-402.jpg"},
|
||
]}
|
||
title="Event Inspiration"
|
||
description="Live updates from our latest events via @casazobeandco.llc."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Elena R.", role: "Bride", company: "Private Client", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275504.jpg"},
|
||
{
|
||
id: "2", name: "Mark S.", role: "CEO", company: "Corporate Partner", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
|
||
{
|
||
id: "3", name: "Sarah J.", role: "Coordinator", company: "Family Event", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||
{
|
||
id: "4", name: "Daniel K.", role: "Manager", company: "Corporate Partner", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg"},
|
||
{
|
||
id: "5", name: "Sofia L.", role: "Birthday Host", company: "Private Client", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196991.jpg"},
|
||
]}
|
||
kpiItems={[
|
||
{
|
||
value: "500+", label: "Events Planned"},
|
||
{
|
||
value: "100%", label: "Happy Clients"},
|
||
{
|
||
value: "15+", label: "Years Experience"},
|
||
]}
|
||
title="What Clients Say"
|
||
description="Excellence delivered across every event."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "1", title: "Do you offer full-service planning?", content: "Yes, we handle everything from site selection to day-of coordination."},
|
||
{
|
||
id: "2", title: "Are your menus customizable?", content: "Absolutely. We tailor every menu to your preferences and dietary needs."},
|
||
{
|
||
id: "3", title: "How far in advance should I book?", content: "We recommend booking at least 3-6 months in advance for peak season events."},
|
||
]}
|
||
title="Planning Your Next Event"
|
||
description="Common questions about our catering and planning services."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Let's Get Started"
|
||
title="Ready to Plan Your Occasion?"
|
||
description="Contact Casa Zobe & Co today to schedule a consultation."
|
||
buttons={[
|
||
{
|
||
text: "Contact Us", href: "mailto:info@casazobe.com"},
|
||
{
|
||
text: "Follow on Instagram", href: "https://instagram.com/casazobeandco.llc"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="Casa Zobe & Co LLC"
|
||
copyrightText="© 2025 Casa Zobe & Co LLC"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |