"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav" className="mx-auto px-4 md:px-6">
        <NavbarStyleApple
          brandName="Myuna Farm"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "About", id: "#about" },
            { name: "Attractions", id: "#attractions" },
            { name: "Animals", id: "#animals" },
            { name: "Team", id: "#team" },
            { name: "Reviews", id: "#reviews" },
            { name: "FAQs", id: "#faqs" },
            { name: "Contact", id: "#contact" }
          ]}
        />
      </div>

      <div id="home" data-section="home" className="mx-auto px-4 md:px-6">
        <HeroBillboardRotatedCarousel
          title="Welcome to Myuna Farm"
          description="Experience the joy of farm life, meet our friendly animals, and enjoy a day of family fun and learning at Myuna Farm."
          background={{ variant: "radial-gradient" }}
          carouselItems={[
            { id: "hero-carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/ducks-field-covered-greenery-surrounded-by-lake-sunlight_181624-12476.jpg", imageAlt: "Fluffy sheep grazing in a green pasture" },
            { id: "hero-carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/brown-feral-goat-grassy-field-daytime_181624-27051.jpg", imageAlt: "A friendly goat looking directly at the camera" },
            { id: "hero-carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/grandfather-grandson-enjoying-driving-retro-styled-tractor-machine-together-through-apple-fruit-orchard_342744-1012.jpg", imageAlt: "Kids enjoying a tractor ride through the farm" },
            { id: "hero-carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-herd-sheep-grazing-grass-covered-field_181624-25647.jpg", imageAlt: "A curious alpaca in a farm field" },
            { id: "hero-carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/tranquil-sunrise-misty-autumn-forest-landscape-generated-by-ai_188544-37351.jpg", imageAlt: "A picturesque farm landscape at sunset" },
            { id: "hero-carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/farmer-taking-care-goat-farm_23-2151464970.jpg", imageAlt: "Children happily feeding farm animals" }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
          ariaLabel="Hero section showcasing Myuna Farm animals and activities"
          buttons={[
            { text: "Plan Your Visit", href: "#contact" },
            { text: "See Our Animals", href: "#animals" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about" className="mx-auto px-4 md:px-6">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Discover the Heart of " },
            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t0x69q", alt: "Farm Icon" },
            { type: "text", content: " Life at Myuna Farm" }
          ]}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/sheeps-standing-grass-near-lake_181624-41099.jpg"
          imageAlt="A panoramic view of Myuna Farm with children playing"
          buttons={[
            { text: "Learn More About Us", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="attractions" data-section="attractions" className="mx-auto px-4 md:px-6">
        <FeatureCardTwentyThree
          title="Farm Adventures for Everyone"
          description="Explore a wide range of activities and facilities designed to delight visitors of all ages, ensuring a memorable day filled with fun and learning."
          features={[
            { id: "feature-1", title: "Hands-On Animal Encounters", tags: ["Interactive", "Educational"], imageSrc: "http://img.b2bpic.net/free-photo/farmer-taking-care-photorealistic-goat-farm_23-2151465006.jpg", imageAlt: "Child petting a lamb at Myuna Farm" },
            { id: "feature-2", title: "Scenic Tractor Rides", tags: ["Panoramic", "Relaxing"], imageSrc: "http://img.b2bpic.net/free-photo/mother-her-two-daughter-sitting-wheelbarrow-eating-red-apple_23-2147907315.jpg", imageAlt: "Family enjoying a tractor ride through the farm fields" },
            { id: "feature-3", title: "Spacious Picnic Areas", tags: ["Family-friendly", "Outdoor"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-croissants-drink_23-2149434085.jpg", imageAlt: "Green picnic area with tables and shade trees at the farm" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="animals" data-section="animals" className="mx-auto px-4 md:px-6">
        <ProductCardFour
          title="Meet Our Wonderful Animals"
          description="From gentle sheep to playful goats, our farm is home to a diverse family of friendly animals eager to meet you and share their unique personalities."
          products={[
            { id: "animal-1", name: "Sheldon the Sheep", price: "Gentle & Woolly", variant: "Merino", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-sheep-farm_23-2151468523.jpg", imageAlt: "A fluffy white sheep looking calm" },
            { id: "animal-2", name: "Gigi the Goat", price: "Playful & Curious", variant: "Alpine", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-face-billy-goat-with-tan-black-silky-fur_493961-1223.jpg", imageAlt: "A friendly brown goat with small horns" },
            { id: "animal-3", name: "Barnaby the Pig", price: "Mud-loving & Grumpy", variant: "Large White", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-feeding-pigs_23-2149147885.jpg", imageAlt: "A pink pig relaxing in the mud" },
            { id: "animal-4", name: "Betsy the Cow", price: "Calm & Grazing", variant: "Holstein Friesian", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-cow-with-horns-standing-green-field-background-trees_181624-60559.jpg", imageAlt: "A black and white cow grazing in a field" },
            { id: "animal-5", name: "Spirit the Horse", price: "Graceful & Majestic", variant: "Quarter Horse", imageSrc: "http://img.b2bpic.net/free-photo/brown-mane-with-white-hair-grazing-field-sunlight-daytime_181624-30739.jpg", imageAlt: "A beautiful brown horse standing in a paddock" },
            { id: "animal-6", name: "Henrietta the Hen", price: "Clucky & Energetic", variant: "Rhode Island Red", imageSrc: "http://img.b2bpic.net/free-photo/close-up-group-domestic-chickens-farm_23-2148290999.jpg", imageAlt: "A brown hen pecking for food" }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="team" data-section="team" className="mx-auto px-4 md:px-6">
        <TeamCardFive
          title="Our Dedicated Farm Team"
          description="Meet the passionate individuals who care for our animals, maintain our grounds, and ensure every visit to Myuna Farm is a memorable and enriching one for all."
          team={[
            { id: "team-1", name: "John Doe", role: "Farm Manager", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-gardeners-taking-care-their-garden_329181-16509.jpg", imageAlt: "Portrait of John Doe, Farm Manager" },
            { id: "team-2", name: "Jane Smith", role: "Animal Caretaker", imageSrc: "http://img.b2bpic.net/free-photo/portrait-greenhouse-worker-working-greenhouse-while-agricultural-engineers-are-using-laptop-see-delivery-status-caucasian-woman-hydroponic-enviroment-with-salad-crates_482257-50578.jpg", imageAlt: "Portrait of Jane Smith, Animal Caretaker" },
            { id: "team-3", name: "Emily White", role: "Educational Programs Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-gestures-ok-hand-sign-with-two-hands_141793-71222.jpg", imageAlt: "Portrait of Emily White, Educational Programs Coordinator" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="reviews" data-section="reviews" className="mx-auto px-4 md:px-6">
        <TestimonialCardFifteen
          testimonial="Myuna Farm is an absolute gem! Our kids loved feeding the animals and the tractor ride was a huge hit. A perfect family day out, we can't wait to come back! The staff were so friendly and the farm was beautifully maintained."
          rating={5}
          author="Sarah P., Happy Visitor"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/friend-clicking-photos-couple-from-mobile-phone_1170-507.jpg", alt: "Avatar of a happy parent" },
            { src: "http://img.b2bpic.net/free-photo/close-up-smiling-pretty-girl-against-white-background_23-2147839610.jpg", alt: "Avatar of a joyful child" },
            { src: "http://img.b2bpic.net/free-photo/people-with-glasses-composition_23-2150188077.jpg", alt: "Avatar of a group of friends" },
            { src: "http://img.b2bpic.net/free-photo/portrait-senior-couple-taking-selfie-mobile-phone-kitchen_23-2148128046.jpg", alt: "Avatar of a senior visitor" }
          ]}
          ratingAnimation="blur-reveal"
          avatarsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="faqs" data-section="faqs" className="mx-auto px-4 md:px-6">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find quick answers to common questions about visiting Myuna Farm, including hours, tickets, and accessibility information."
          faqs={[
            { id: "faq-1", title: "What are your opening hours?", content: "Myuna Farm is open daily from 10:00 AM to 4:00 PM. We are closed on Christmas Day and Good Friday. Please check our website for any special holiday hours." },
            { id: "faq-2", title: "Is there an entry fee?", content: "Yes, there is a small entry fee for adults and children over 2 years old. Family passes are also available. All proceeds go towards animal care and farm maintenance." },
            { id: "faq-3", title: "Can we bring our own food for a picnic?", content: "Absolutely! We encourage visitors to bring their own picnic lunches to enjoy in our designated picnic areas. We also have a small kiosk on-site selling snacks and drinks." }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact" className="mx-auto px-4 md:px-6">
        <ContactSplit
          tag="Connect With Us"
          title="Plan Your Visit or Ask a Question"
          description="We'd love to hear from you! Fill out the form below or find our contact details to plan your perfect farm adventure or inquire about our programs."
          background={{ variant: "plain" }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/top-view-blackboard-grass_23-2148192389.jpg"
          imageAlt="An illustrative map or image of Myuna Farm entrance"
          mediaAnimation="opacity"
          inputPlaceholder="Your Email Address"
          buttonText="Send Message"
          termsText="By clicking Send Message you agree to our Privacy Policy and Terms of Service."
        />
      </div>

      <div id="footer" data-section="footer" className="mx-auto px-4 md:px-6">
        <FooterSimple
          columns={[
            { title: "Visit Myuna Farm", items: [{ label: "Directions", href: "https://www.google.com/maps/dir/?api=1&destination=Myuna+Farm+182+Kidds+Rd+Doveton+VIC+3177" }, { label: "Opening Hours", href: "#faqs" }, { label: "Accessibility", href: "#" }] },
            { title: "About Us", items: [{ label: "Our Mission", href: "#about" }, { label: "Our Animals", href: "#animals" }, { label: "Farm Team", href: "#team" }] },
            { title: "Contact", items: [{ label: "Email Us", href: "mailto:info@myunafarm.com" }, { label: "Call Us: (03) 9709 9944", href: "tel:+61397099944" }, { label: "Enquiries", href: "#contact" }] }
          ]}
          bottomLeftText="© 2024 Myuna Farm. All rights reserved."
          bottomRightText="Powered by Webuild"
        />
      </div>
    </ThemeProvider>
  );
}
