09fbd652-b2e9-4156-ba19-89790b73a0d9/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Zap, Target, Star, Users } from "lucide-react";

export default function LandingPage() {
  const trackCall = () => {
    if (typeof window !== 'undefined' && (window as any).gtag) {
      (window as any).gtag('event', 'phone_call_click', { 'event_category': 'Engagement' });
    }
    window.location.href = "tel:07396006121";
  };

  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="blurBottom"
        cardStyle="subtle-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "hero" },
        { name: "Menu", id: "menu" },
        { name: "Catering", id: "catering" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Green Bucket Biryani"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{ variant: "gradient-bars" }}
      logoText="Best Family Biryani in Maripeda"
      description="Authentic Dum Biryani, Family Dining, Fast Delivery & Catering."
      buttons={[
        { text: "Call Now", onClick: trackCall },
        { text: "Order WhatsApp", href: "https://wa.me/917396006121" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/pan-with-rice-meat-sauce_23-2147894751.jpg"
      imageAlt="Green Bucket Biryani Maripeda"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="trust" data-section="trust">
      <MetricCardThree
      animationType="depth-3d"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", icon: Star, title: "4.5★", value: "323+ Reviews" },
        { id: "m2", icon: Zap, title: "Daily", value: "Fresh Ingredients" },
        { id: "m3", icon: Users, title: "Yes", value: "Family Friendly" },
        { id: "m4", icon: Target, title: "Yes", value: "Delivery & Takeout" },
      ]}
      title="Why Trust Us?"
      description="Consistently delivering taste and quality to local families."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="scale-rotate"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        { id: "p1", name: "Chicken Dum Biryani", price: "₹250", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistan-meal-composition_23-2148821517.jpg" },
        { id: "p2", name: "Mutton Biryani", price: "₹350", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-spices-pilaf-board-bowls-spices-citrus-fruits-garlic_140725-78736.jpg" },
        { id: "p3", name: "Family Bucket", price: "₹600", imageSrc: "http://img.b2bpic.net/free-photo/beef-stew-with-potato-chestnuts-tomato-sauce-with-rice-garnish-cabbage-carrot-salad-takeaway_114579-892.jpg" },
        { id: "p4", name: "Fry Piece Biryani", price: "₹280", imageSrc: "http://img.b2bpic.net/free-photo/spices-lime-near-rice-dishes_23-2147894716.jpg" },
      ]}
      title="Popular Menu Items"
      description="Authentic recipes, fresh ingredients."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { id: "f1", label: "Quality", title: "Authentic Dum Flavors", items: ["Traditional spices", "Slow-cooked meat", "Authentic recipe"] },
        { id: "f2", label: "Service", title: "Fast & Hygienic", items: ["Quick service", "Clean kitchen", "Contactless delivery"] },
        { id: "f3", label: "Dining", title: "Family Friendly", items: ["Ample seating", "Kid friendly", "Group orders"] },
      ]}
      title="Why Choose Green Bucket Biryani?"
      description="Maripeda's favorite family destination."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="depth-3d"
      showRating={true}
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Ramesh Kumar", handle: "@local", testimonial: "Best biryani in town!", rating: 5 },
        { id: "t2", name: "Sita Devi", handle: "@foodie", testimonial: "Fresh and delicious every time.", rating: 5 },
      ]}
      title="Local Stories"
      description="What our customers say about us."
    />
  </div>

  <div id="location" data-section="location">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[{ type: "text", content: "Visit Our Restaurant" }]}
      buttons={[{ text: "Get Directions", href: "https://maps.app.goo.gl/..." }]}
    />
  </div>

  <div id="catering" data-section="catering">
      <ContactCTA
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Events"
      title="Need Biryani for Events?"
      description="From birthdays to weddings, we cater to all sizes."
      buttons={[{ text: "Get Quote", onClick: trackCall }]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Inquiry"
      title="Book a Table or Make Inquiry"
      description="Send us your request, we will get back to you immediately."
      buttons={[{ text: "Call Now", onClick: trackCall }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        { title: "Menu", items: [{ label: "Biryani", href: "#" }] },
        { title: "Contact", items: [{ label: "073960 06121", href: "#" }] },
        { title: "Services", items: [{ label: "Catering", href: "#" }] },
      ]}
      logoText="Green Bucket Biryani"
      copyrightText="© 2025 | Green Bucket Biryani Maripeda"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}