"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Tileh Gold Gallery"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "About Us", id: "#about" },
            { name: "Features", id: "#features" },
            { name: "Gold Bars", id: "#products" },
            { name: "Pricing", id: "#pricing" },
            { name: "Metrics", id: "#metrics" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "FAQ", id: "#faq" },
            { name: "Contact", id: "#contact" }
          ]}
        />
      </div>
      <div id="home" data-section="home">
        <HeroBillboardTestimonial
          title="Invest in Your Future with Tileh Gold Gallery"
          description="Your trusted source for premium gold bars, ensuring purity, security, and lasting value for your portfolio."
          background={{"variant":"circleGradient"}}
          testimonials={[
            { name: "Sarah J.", handle: "@InvestorSarah", testimonial: "Tileh Gold Gallery made my first gold investment seamless and secure. Their transparency is unmatched!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg?_wi=1", imageAlt: "satisfied investor smiling man" },
            { name: "Michael C.", handle: "@GoldEnthusiast", testimonial: "Exceptional service and certified purity. Tileh is now my go-to for all my gold bar purchases.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-working-her-laptop_23-2149100276.jpg?_wi=1", imageAlt: "happy woman holding gold coin" },
            { name: "Emily R.", handle: "@SmartWealth", testimonial: "The pricing is competitive and the delivery is always discreet and on time. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/insurance-broker-highlighting-important-contract-terms_482257-115640.jpg?_wi=1", imageAlt: "senior man looking at gold bar" },
            { name: "David K.", handle: "@ValueHunter", testimonial: "I appreciate the expert advice and clear communication. A truly reliable partner for gold investments.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-businesswoman-working-laptop-steps_23-2148692485.jpg?_wi=1", imageAlt: "young entrepreneur looking at chart" },
            { name: "Jessica L.", handle: "@FutureProof", testimonial: "Their secure storage options give me peace of mind. Tileh Gold Gallery is simply the best.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16291.jpg?_wi=1", imageAlt: "couple investing in gold together" }
          ]}
          useInvertedBackground={false}
          tag="Secure Investment"
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Gold Bars", href: "#products" },
            { text: "Contact Us", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/golden-abacus-with-chinese-rmb-gold-coins-as-background_1387-1.jpg"
          imageAlt="stack of gold bars investment"
          mediaAnimation="slide-up"
          ariaLabel="Hero section"
        />
      </div>
      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "About " },
            { type: "image", src: "http://img.b2bpic.net/free-photo/3d-illustration-hand-with-golden-bar-white_107791-17639.jpg", alt: "stylized gold bar icon" },
            { type: "text", content: " Tileh Gold Gallery" }
          ]}
          useInvertedBackground={true}
          ariaLabel="About section"
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          features={[
            { id: "purity", title: "Certified Purity", author: "Global Gold Standards", description: "All our gold bars are 999.9 pure, independently certified to meet the highest international standards. We guarantee authenticity with every purchase.", tags: ["Authenticity", "Quality Assurance"], imageSrc: "http://img.b2bpic.net/free-photo/craftswoman-working-workshop_107420-65255.jpg", imageAlt: "magnifying glass gold bar purity" },
            { id: "storage", title: "Secure Storage Options", author: "Advanced Vault Protection", description: "Protect your investment with our state-of-the-art secure storage facilities, insured and monitored 24/7. Access your assets anytime.", tags: ["Safety", "Asset Protection"], imageSrc: "http://img.b2bpic.net/free-photo/gold-aesthetic-wallpaper-with-machine_23-2149872250.jpg", imageAlt: "secure vault gold bars" },
            { id: "pricing", title: "Competitive Live Pricing", author: "Real-time Market Rates", description: "Benefit from transparent and competitive pricing, updated in real-time to reflect current market rates. Get the best value for your gold.", tags: ["Value", "Transparency"], imageSrc: "http://img.b2bpic.net/free-photo/gold-bull-backgrounds-graphics-elements-related-financial-sector_23-2151807650.jpg", imageAlt: "graph showing gold price trend" }
          ]}
          animationType="slide-up"
          title="Why Choose Tileh Gold for Your Investment?"
          description="We offer unparalleled quality, transparency, and expert guidance for every gold purchase, ensuring a secure and profitable journey for our clients."
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Features section"
        />
      </div>
      <div id="products" data-section="products">
        <ProductCardOne
          products={[
            { id: "1oz-bar", name: "1 Ounce Gold Bar", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-photo/green-check-mark-gold-circle_84443-94487.jpg", imageAlt: "1oz gold bar highly reflective" },
            { id: "50g-bar", name: "50 Gram Gold Bar", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-photo/red-gold-card_23-2147593750.jpg", imageAlt: "50g gold bar polished finish" },
            { id: "100g-bar", name: "100 Gram Gold Bar", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-photo/gold-brick-pattern_53876-88775.jpg", imageAlt: "100g gold bar detailed engraving" },
            { id: "250g-bar", name: "250 Gram Gold Bar", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-golden-liquor-flask-white-surface_181624-31390.jpg", imageAlt: "250g gold bar in display case" },
            { id: "500g-bar", name: "500 Gram Gold Bar", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-photo/abstract-golden-textured-material_23-2148943374.jpg", imageAlt: "500g gold bar with certificate" },
            { id: "1kg-bar", name: "1 Kilogram Gold Bar", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-photo/coins-gold-bars-scattered-table_181624-59753.jpg", imageAlt: "1kg gold bar on black background" }
          ]}
          carouselMode="buttons"
          gridVariant="bento-grid"
          animationType="scale-rotate"
          title="Our Exclusive Gold Bar Collection"
          description="Discover a wide range of certified gold bars, perfect for investors and collectors alike, each meeting stringent quality and purity standards."
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Product section"
        />
      </div>
      <div id="pricing" data-section="pricing">
        <PricingCardOne
          plans={[
            { id: "plan-10g", badge: "Entry Level", price: "Live Market + 3%", subtitle: "Ideal for new investors", features: ["Certified 999.9 Purity", "Real-time Price Updates", "Secure Online Purchase", "Optional Insured Shipping"] },
            { id: "plan-50g", badge: "Popular Choice", price: "Live Market + 2%", subtitle: "Most popular for growing portfolios", features: ["All Entry Level Features", "Dedicated Account Manager", "Priority Support", "Discounts on Larger Orders"] },
            { id: "plan-1kg", badge: "Premium Investment", price: "Live Market + 1%", subtitle: "For serious collectors and institutions", features: ["All Popular Choice Features", "Advanced Secure Storage", "Personalized Market Insights", "VIP Client Services"] }
          ]}
          animationType="depth-3d"
          title="Transparent Pricing for Premium Gold"
          description="View our live pricing for various gold bar weights, updated frequently to reflect dynamic market rates and ensure the best value for your investment."
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Pricing section"
        />
      </div>
      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          metrics={[
            { id: "years", value: "15+", title: "Years of Expertise", items: ["Established Trust", "Market Leadership"] },
            { id: "clients", value: "1000+", title: "Satisfied Clients", items: ["Global Reach", "Customer Loyalty"] },
            { id: "gold-transacted", value: "500kg+", title: "Gold Transacted", items: ["Significant Volume", "Reliable Supply"] }
          ]}
          animationType="blur-reveal"
          title="Our Commitment to Trust and Excellence"
          description="With over a decade of experience and a rapidly growing community of satisfied investors, we stand as a beacon of reliability in the gold market."
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Metrics section"
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={[
            { id: "1", title: "Smooth Transaction", quote: "The entire process of purchasing gold bars was incredibly smooth and efficient. Tileh Gold Gallery's team was highly professional and answered all my queries.", name: "Amina Khan", role: "Private Investor", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg?_wi=2", imageAlt: "satisfied investor smiling man" },
            { id: "2", title: "Unmatched Purity", quote: "I've been investing in gold for years, and the purity and certification from Tileh Gold Gallery are truly unmatched. I feel confident in my assets.", name: "Omar Hassan", role: "Wealth Manager", imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-working-her-laptop_23-2149100276.jpg?_wi=2", imageAlt: "happy woman holding gold coin" },
            { id: "3", title: "Excellent Support", quote: "The customer support I received was exceptional. They guided me through market trends and helped me choose the best investment option for my goals.", name: "Layla Saeed", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/insurance-broker-highlighting-important-contract-terms_482257-115640.jpg?_wi=2", imageAlt: "senior man looking at gold bar" },
            { id: "4", title: "Reliable and Secure", quote: "Security is paramount when investing in gold. Tileh Gold Gallery's secure storage solutions and discreet delivery gave me complete peace of mind.", name: "Tariq Ali", role: "Asset Manager", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-businesswoman-working-laptop-steps_23-2148692485.jpg?_wi=2", imageAlt: "young entrepreneur looking at chart" },
            { id: "5", title: "Trusted Partner", quote: "Tileh Gold Gallery has become my trusted partner in diversifying my investment portfolio with gold. Their integrity and service are truly commendable.", name: "Fatima Zahra", role: "Financial Analyst", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16291.jpg?_wi=2", imageAlt: "couple investing in gold together" }
          ]}
          title="What Our Valued Investors Say"
          description="Hear from clients who have successfully built their portfolios and secured their future with premium gold bars from Tileh Gold Gallery."
          textboxLayout="default"
          useInvertedBackground={false}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          ariaLabel="Testimonials section"
          mediaAnimation="slide-up"
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          faqs={[
            { id: "q1", title: "What is the purity of your gold bars?", content: "All our gold bars are guaranteed to be 999.9 pure, meeting LBMA (London Bullion Market Association) standards. Each bar comes with a certificate of authenticity." },
            { id: "q2", title: "Do you offer secure storage for my gold investment?", content: "Yes, we provide advanced, insured, and continuously monitored secure storage facilities. You can choose to store your gold with us or have it shipped securely." },
            { id: "q3", title: "How are gold prices determined on your site?", content: "Our gold prices are dynamically linked to the live global spot market, ensuring that you receive the most accurate and competitive rates at the time of your purchase." },
            { id: "q4", title: "What payment methods do you accept?", content: "We accept various secure payment methods including bank transfers, credit/debit cards, and select digital payment options. Details are provided during checkout." }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/side-view-chocolate-candy-gold-wrapper-black-stand_140725-13937.jpg"
          imageAlt="question mark over gold bars"
          mediaAnimation="slide-up"
          mediaPosition="right"
          title="Frequently Asked Questions"
          description="Find answers to common questions about buying, selling, and investing in gold with Tileh Gold Gallery, from purity to secure storage."
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="FAQ section"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          title="Connect with Tileh Gold Experts"
          description="Have questions or ready to invest in gold? Our dedicated team is here to provide personalized assistance and expert guidance. Reach out today!"
          background={{"variant":"radial-gradient"}}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797669.jpg"
          imageAlt="modern luxury office interior"
          mediaAnimation="slide-up"
          mediaPosition="left"
          inputPlaceholder="Enter your email"
          buttonText="Submit Inquiry"
          termsText="By clicking Submit Inquiry you're confirming that you agree with our Terms and Conditions."
          ariaLabel="Contact section"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Our Mission", href: "#about" }, { label: "Careers", href: "#" }] },
            { title: "Products", items: [{ label: "Gold Bars", href: "#products" }, { label: "Pricing", href: "#pricing" }, { label: "Storage", href: "#features" }] },
            { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }, { label: "Terms of Service", href: "#" }] }
          ]}
          bottomLeftText="© 2024 Tileh Gold Gallery. All rights reserved."
          bottomRightText="Powered by Webild"
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
