"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Building, Eye, Tv, ZoomIn, MousePointerClick, Bed, Bathtub } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="medium"
        background="circleGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Ongoing Projects",          id: "#ongoing-projects"},
        {
          name: "Completed Projects",          id: "#completed-projects"},
        {
          name: "3D Tours",          id: "#virtual-tours"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Ancin Insaat"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-static"}}
      title="Ancin Insaat: Crafting Luxury, Building Dreams."
      description="Experience unparalleled elegance and precision in every luxury residence and commercial development we deliver. Your vision, our masterpiece."
      buttons={[
        {
          text: "Explore Our Portfolio",          href: "#ongoing-projects"},
        {
          text: "Start Your Project",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      carouselItems={[
        {
          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-urban-center_1359-870.jpg",          imageAlt: "Luxury villa exterior with modern architecture at sunset"},
        {
          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg",          imageAlt: "Modern luxury apartment living room with elegant decor"},
        {
          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-388.jpg",          imageAlt: "Grand entrance of a luxury commercial building"},
        {
          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-sitting-windowsill-with-lovely-dog_651396-2380.jpg",          imageAlt: "Sleek and minimalist luxury kitchen interior"},
        {
          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821317.jpg",          imageAlt: "Modern luxury bathroom with marble finishes"},
        {
          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-garden_329181-11546.jpg",          imageAlt: "Luxury apartment balcony with panoramic city view"},
      ]}
      autoPlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Story"
      title="Legacy of Excellence in Luxury Construction"
      description="Ancin Insaat stands as a beacon of architectural innovation and superior craftsmanship. With decades of expertise, we transform visionary designs into tangible realities, setting new benchmarks for luxury living and commercial spaces."
      subdescription="Our commitment to quality, meticulous attention to detail, and a client-centric approach ensure every project is a testament to our unwavering pursuit of perfection. We build not just structures, but enduring legacies."
      icon={Building}
      imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-curve-shape-wall-with-modern-design_181624-23581.jpg"
      imageAlt="Architectural blueprints and modern construction concepts"
      mediaAnimation="opacity"
    />
  </div>

  <div id="ongoing-projects" data-section="ongoing-projects">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "ongoing-1",          name: "The Grand Residences",          price: "POA",          imageSrc: "http://img.b2bpic.net/free-photo/silhouette-young-business-woman-beige-suit-walking-city-center-posing-near-office-buildings_1258-194035.jpg",          imageAlt: "Luxury condominium facade"},
        {
          id: "ongoing-2",          name: "Nexus Commercial Hub",          price: "POA",          imageSrc: "http://img.b2bpic.net/free-photo/glass-skyscraper-against-blue-sky-view-from-bottom_93675-134753.jpg",          imageAlt: "Upscale commercial tower"},
        {
          id: "ongoing-3",          name: "Serenity Bay Villas",          price: "POA",          imageSrc: "http://img.b2bpic.net/free-photo/bird-view-shanghai-china_1127-3037.jpg",          imageAlt: "Luxury resort residential development"},
        {
          id: "ongoing-4",          name: "Urban Zenith Apartments",          price: "POA",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg",          imageAlt: "Modern urban residential building"},
        {
          id: "ongoing-5",          name: "EcoLuxe Estates",          price: "POA",          imageSrc: "http://img.b2bpic.net/free-photo/flower-dome-garden-greenhouse-forest-travel_74190-6360.jpg",          imageAlt: "Sustainable luxury architecture"},
        {
          id: "ongoing-6",          name: "Innovate Tower",          price: "POA",          imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011484.jpg",          imageAlt: "Innovative architectural design"},
      ]}
      title="Ongoing Projects"
      description="Discover our active developments, where luxury and innovation are meticulously crafted into every detail."
    />
  </div>

  <div id="virtual-tours" data-section="virtual-tours">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Grand Living Spaces",          description: "Walk through beautifully designed living rooms and social areas.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248398.jpg",            imageAlt: "Luxury apartment living room virtual tour"},
          items: [
            {
              icon: Eye,
              text: "360° Views"},
            {
              icon: MousePointerClick,
              text: "Interactive Points"},
          ],
          reverse: false
        },
        {
          title: "State-of-the-Art Kitchens",          description: "Discover custom cabinetry, premium appliances, and sophisticated layouts.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561194.jpg",            imageAlt: "Luxury kitchen design virtual tour"},
          items: [
            {
              icon: ZoomIn,
              text: "Detail Zoom"},
            {
              icon: Tv,
              text: "Appliance Integration"},
          ],
          reverse: true
        },
        {
          title: "Luxurious Private Sanctuaries",          description: "Tour elegant bedrooms and spa-like bathrooms.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428539.jpg",            imageAlt: "Luxury bedroom interior virtual tour"},
          items: [
            {
              icon: Bed,
              text: "Master Suites"},
            {
              icon: Bathtub,
              text: "Spa Bathrooms"},
          ],
          reverse: false
        }
      ]}
      title="Immersive 3D Virtual Tours"
      description="Step inside our exquisite properties from anywhere in the world. Our Matterport-style virtual tours provide a detailed, interactive experience."
      tag="Explore Virtually"
    />
  </div>

  <div id="completed-projects" data-section="completed-projects">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Our Completed Masterpieces"
      description="A portfolio of our distinguished projects, each a testament to our commitment to luxury and impeccable design."
      blogs={[
        {
          id: "completed-1",          category: "Residential",          title: "The Azure Sky Tower",          excerpt: "A landmark residential tower offering panoramic city views and unparalleled amenities.",          imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692393.jpg",          imageAlt: "Completed luxury residential tower",          authorName: "Ancin Insaat Team",          authorAvatar: "",          date: "Q4 2023"},
        {
          id: "completed-2",          category: "Commercial",          title: "The Obsidian Business Centre",          excerpt: "A cutting-edge commercial complex designed for the modern enterprise, integrating smart technology.",          imageSrc: "http://img.b2bpic.net/free-photo/hight-rise-condominium-office-buildings_1127-3902.jpg",          imageAlt: "Completed modern commercial building",          authorName: "Ancin Insaat Team",          authorAvatar: "",          date: "Q2 2023"},
        {
          id: "completed-3",          category: "Hospitality",          title: "Harmony Bay Resort",          excerpt: "An exclusive beachfront resort blending luxury accommodations with natural elegance.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896794.jpg",          imageAlt: "Completed luxury resort",          authorName: "Ancin Insaat Team",          authorAvatar: "",          date: "Q1 2022"},
        {
          id: "completed-4",          category: "Residential",          title: "The Platinum Penthouses",          excerpt: "Opulent penthouses setting new standards for urban luxury living, with bespoke interiors.",          imageSrc: "http://img.b2bpic.net/free-photo/apartment-building-with-balconies_250224-87.jpg",          imageAlt: "Completed luxury penthouse interior",          authorName: "Ancin Insaat Team",          authorAvatar: "",          date: "Q3 2022"},
        {
          id: "completed-5",          category: "Restoration",          title: "Heritage Grand Manor",          excerpt: "A meticulous restoration blending historical grandeur with contemporary comforts.",          imageSrc: "http://img.b2bpic.net/free-photo/medieval-church-frescoes-gothic-arches-patterns-sacred-architecture-details_169016-68748.jpg",          imageAlt: "Completed luxury historical renovation",          authorName: "Ancin Insaat Team",          authorAvatar: "",          date: "Q2 2021"},
        {
          id: "completed-6",          category: "Landscape",          title: "Emerald Gardens Estate",          excerpt: "Award-winning landscape architecture transforming an estate into a verdant oasis.",          imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg",          imageAlt: "Completed luxury landscape architecture",          authorName: "Ancin Insaat Team",          authorAvatar: "",          date: "Q4 2021"},
      ]}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Unrivaled Expertise, Proven Results"
      tag="Our Impact"
      metrics={[
        {
          id: "m1",          value: "25+",          description: "Years in Luxury Construction"},
        {
          id: "m2",          value: "150+",          description: "Completed High-End Projects"},
        {
          id: "m3",          value: "98%",          description: "Client Satisfaction Rate"},
      ]}
      metricsAnimation="opacity"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Architech Design",        "Elite Interiors",        "Structural Dynamics",        "Luxe Materials Co.",        "Urban Visionaries",        "EcoBuild Solutions",        "Genesis Development"]}
      title="Trusted Partners and Collaborators"
      description="We collaborate with leading architects, designers, and suppliers to deliver projects of unmatched quality."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "E. Demir",          role: "Property Investor",          company: "Demir Holdings",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-working-computer-cafe_1303-23855.jpg",          imageAlt: "Testimonial from E. Demir"},
        {
          id: "t2",          name: "A. Kaya",          role: "CEO",          company: "Kaya Group",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-airport-terminal_107420-85119.jpg",          imageAlt: "Testimonial from A. Kaya"},
        {
          id: "t3",          name: "Z. Yilmaz",          role: "Luxury Homeowner",          company: "Private Client",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/architect-relaxing-after-finishing-project_23-2148242970.jpg",          imageAlt: "Testimonial from Z. Yilmaz"},
        {
          id: "t4",          name: "M. Ozturk",          role: "Developer",          company: "Ozturk Properties",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",          imageAlt: "Testimonial from M. Ozturk"},
        {
          id: "t5",          name: "G. Toprak",          role: "Architect",          company: "Toprak Designs",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-black-sweater-with-crossed-arms-chest_613910-344.jpg",          imageAlt: "Testimonial from G. Toprak"},
        {
          id: "t6",          name: "B. Arslan",          role: "Entrepreneur",          company: "Arslan Ventures",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064919.jpg",          imageAlt: "Testimonial from B. Arslan"},
      ]}
      title="Client Testimonials"
      description="Hear what our esteemed clients have to say about their experience building with Ancin Insaat."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Ready to build your legacy? Connect with Ancin Insaat for a bespoke consultation."
      buttons={[
        {
          text: "Get In Touch",          href: "mailto:info@ancininsa.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Ancin Insaat"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Press",              href: "#"},
          ],
        },
        {
          title: "Projects",          items: [
            {
              label: "Ongoing",              href: "#ongoing-projects"},
            {
              label: "Completed",              href: "#completed-projects"},
            {
              label: "Virtual Tours",              href: "#virtual-tours"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Cookie Policy",              href: "#"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Contact",              href: "#contact"},
            {
              label: "LinkedIn",              href: "https://linkedin.com"},
            {
              label: "Instagram",              href: "https://instagram.com"},
          ],
        },
      ]}
      copyrightText="© 2024 Ancin Insaat. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
