import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
import ContactCta from '@/components/sections/contact/ContactCta';
import FeaturesArrowCards from '@/components/sections/features/FeaturesArrowCards';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";

export default function HomePage() {
  return (
    <>
  <div id="hero" data-section="hero">
    <SectionErrorBoundary name="hero">
          <HeroBillboardBrand
      brand="Visual Edit better work"
      description="Visual Edit better work, tripple N Visual Edit better work, tripple N Visual Edit better work, tripple N Visual Edit better work, tripple N "
      primaryButton={{
        text: "Visual Edit",        href: "https://cluely.com/"}}
      secondaryButton={{
        text: "View Results",        href: "#metrics"}}
      imageSrc="https://images.pexels.com/photos/8297860/pexels-photo-8297860.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
      textAnimation="slide-up"
    />
    </SectionErrorBoundary>
  </div>

  <div id="about" data-section="about">
    <SectionErrorBoundary name="about">
          <AboutTestimonial
      tag="Our Philosophy"
      quote="Data-driven insights meet creative storytelling. We bridge the gap between technical SEO and user-centric branding to fuel your bottom line."
      author="Sarah Jenkins"
      role="Chief Strategist"
      imageSrc="https://images.pexels.com/photos/7688336/pexels-photo-7688336.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
      textAnimation="fade-blur"
    />
    </SectionErrorBoundary>
  </div>

  <div id="social" data-section="social">
    <SectionErrorBoundary name="social">
          <SocialProofMarquee
      tag="Trusted By"
      title="Global Market Leaders"
      description="We collaborate with industry giants to drive exceptional results."
      names={[
        "TechCorp",        "Innovate",        "GrowthCo",        "MarketFast",        "Scaleup",        "Nexus",        "Visionary"]}
      textAnimation="fade"
    />
    </SectionErrorBoundary>
  </div>

  <div id="features" data-section="features">
    <SectionErrorBoundary name="features">
          <FeaturesArrowCards
      tag="Core Services"
      title="Built for Growth"
      description="Comprehensive digital solutions tailored to capture search traffic and convert prospects."
      items={[
        {
          title: "Technical SEO Audit",          tags: [
            "Performance",            "Indexing"],
          imageSrc: "https://images.pexels.com/photos/30547575/pexels-photo-30547575.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
        {
          title: "Content Engine",          tags: [
            "Authority",            "Conversion"],
          imageSrc: "https://images.pexels.com/photos/936320/pexels-photo-936320.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
        {
          title: "PPC & Growth",          tags: [
            "Reach",            "Sales"],
          imageSrc: "https://images.pexels.com/photos/669619/pexels-photo-669619.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
      ]}
      textAnimation="slide-up"
    />
    </SectionErrorBoundary>
  </div>

  <div id="products" data-section="products">
    <SectionErrorBoundary name="products">
          <FeaturesRevealCardsBento
      tag="Capabilities"
      title="Agency Toolkit"
      description="Our proprietary methods for driving market dominance."
      items={[
        {
          title: "SEO Audits",          description: "Full site performance analysis.",          href: "#",          imageSrc: "https://images.pexels.com/photos/32396570/pexels-photo-32396570.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
        {
          title: "Backlink Build",          description: "High-authority link acquisition.",          href: "#",          imageSrc: "https://images.pexels.com/photos/4405384/pexels-photo-4405384.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
        {
          title: "Content Scale",          description: "Automated growth content.",          href: "#",          imageSrc: "https://images.pexels.com/photos/669615/pexels-photo-669615.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
        {
          title: "Analytics UI",          description: "Real-time visibility tools.",          href: "#",          imageSrc: "https://images.pexels.com/photos/10628030/pexels-photo-10628030.png?auto=compress&cs=tinysrgb&h=650&w=940"},
        {
          title: "CRO Testing",          description: "Data-backed landing pages.",          href: "#",          imageSrc: "https://images.pexels.com/photos/7651801/pexels-photo-7651801.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
        {
          title: "Brand Intel",          description: "Deep market sentiment study.",          href: "#",          imageSrc: "https://images.pexels.com/photos/4007745/pexels-photo-4007745.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
        {
          title: "Growth Ops",          description: "Full service management.",          href: "#",          imageSrc: "https://images.pexels.com/photos/7988237/pexels-photo-7988237.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
      ]}
      textAnimation="fade-blur"
    />
    </SectionErrorBoundary>
  </div>

  <div id="metrics" data-section="metrics">
    <SectionErrorBoundary name="metrics">
          <MetricsFeatureCards
      tag="Real Results"
      title="Proven Performance"
      description="Numbers speak louder than promises."
      metrics={[
        {
          value: "350%",          title: "Search Traffic Increase",          features: [
            "Rank #1",            "High CTR"],
        },
        {
          value: "120%",          title: "Conversion Rate Boost",          features: [
            "Fast Load",            "Clean UX"],
        },
        {
          value: "45%",          title: "Cost Per Acquisition Drop",          features: [
            "Targeted Ads",            "ROI"],
        },
      ]}
      textAnimation="slide-up"
    />
    </SectionErrorBoundary>
  </div>

  <div id="testimonials" data-section="testimonials">
    <SectionErrorBoundary name="testimonials">
          <TestimonialRatingCards
      tag="Client Success"
      title="Voices of Impact"
      description="Hear from our partners."
      testimonials={[
        {
          name: "Marcus Thorne",          role: "CMO",          quote: "Crimson completely changed our SEO performance. We are finally seeing consistent growth.",          rating: 5,
          imageSrc: "https://images.pexels.com/photos/6170749/pexels-photo-6170749.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
        {
          name: "Elena Vance",          role: "Founder",          quote: "Reliable, transparent, and results-oriented. A true partner in our scale-up process.",          rating: 5,
          imageSrc: "https://images.pexels.com/photos/32288633/pexels-photo-32288633.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
        {
          name: "David Zhou",          role: "Director",          quote: "The data insights provided by the team here helped us cut costs by 40%.",          rating: 5,
          imageSrc: "https://images.pexels.com/photos/6893898/pexels-photo-6893898.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
        {
          name: "Sarah Miller",          role: "Product Lead",          quote: "Finally found an agency that treats our brand with the respect it deserves.",          rating: 5,
          imageSrc: "https://images.pexels.com/photos/13100886/pexels-photo-13100886.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
        {
          name: "James Lee",          role: "CEO",          quote: "Professional, efficient, and exceptionally high ROI. Highly recommend this team.",          rating: 5,
          imageSrc: "https://images.pexels.com/photos/10417388/pexels-photo-10417388.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
      ]}
      textAnimation="fade-blur"
    />
    </SectionErrorBoundary>
  </div>

  <div id="contact" data-section="contact">
    <SectionErrorBoundary name="contact">
          <ContactCta
      tag="Get Started"
      text="Ready to scale your digital presence? Let's build your custom growth roadmap today."
      primaryButton={{
        text: "Schedule Audit",        href: "#"}}
      secondaryButton={{
        text: "Email Team",        href: "#"}}
      textAnimation="slide-up"
    />
    </SectionErrorBoundary>
  </div>
    </>
  );
}
