aaa2f1c0-5d77-414b-96c7-82b40b47f7db/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="blurBottom"
        cardStyle="gradient-bordered"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Services", id: "services" },
        { name: "About", id: "about" },
        { name: "Team", id: "team" },
        { name: "Results", id: "testimonials" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Oslo Dental Clinic"
      button={{ text: "Free Consultation", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{ variant: "sparkles-gradient" }}
      title="Oslo Dental Clinic"
      description="Experience world-class dental excellence. Combining advanced technology, aesthetic mastery, and personalized care for international patients."
      tag="Premium Dental Excellence"
      testimonials={[
        { name: "Sarah J.", handle: "@sarahj", testimonial: "Best dental experience ever.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978523050-8p2ryrj5.jpg?_wi=1" }
      ]}
      buttons={[
        { text: "Book Consultation", href: "#contact" },
        { text: "View Services", href: "#services" },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978376669-yq68zcp6.jpg"
      imageAlt="Clinic aesthetic showcase"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSix
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        { id: 1, title: "Dental Implants", description: "High-quality implants to restore your smile and confidence with natural-looking results.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978113902-sqnzhizw.jpg", imageAlt: "Dental Implants" },
        { id: 2, title: "Hollywood Smile", description: "A complete smile makeover designed to your facial features and preferences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978113902-scbvr5x4.jpg", imageAlt: "Hollywood Smile" },
        { id: 3, title: "Teeth Whitening", description: "Professional in-office whitening to brighten your teeth and give you a youthful look.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978113902-k0pyv3oo.jpg", imageAlt: "Teeth Whitening" },
      ]}
      title="Our Expert Dental Services"
      description="We offer a wide range of premium dental treatments tailored to your individual needs."
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        { type: "text", content: "About Oslo Dental Clinic" },
        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978523049-iv3gjdlc.jpg", alt: "Dr. Ahmet Göktaş" },
      ]}
      buttons={[{ text: "Meet Our Team", href: "#team" }]}
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      members={[
        { id: "1", name: "Dr. Ahmet Göktaş", role: "Founder Dentist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978523049-iv3gjdlc.jpg" },
        { id: "2", name: "Dr. Irmak Tumen", role: "Dentist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978523050-8p2ryrj5.jpg?_wi=2" },
        { id: "3", name: "Spec. Dr. Dt. Elif Coşkuner Uysal", role: "Orthodontist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978523050-fv3zyum9.jpg" },
        { id: "4", name: "Patient Experience", role: "Clinic Support", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978523050-cdg85d3n.jpg" },
      ]}
      title="Meet Our Professionals"
      description="Experienced English-speaking staff dedicated to your safety and comfort."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      testimonial="The clinic experience was absolutely seamless. From the first consultation to my new smile, everything felt professional, clean, and highly personalized. Truly world-class standards."
      rating={5}
      author="Sarah J. - International Patient"
      avatars={[
          { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978490858-w7sr9u2l.jpg", alt: "Patient 1" },
          { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978490859-lof8lvtu.jpg", alt: "Patient 2" }
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
      useInvertedBackground={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      tag="Contact Us"
      title="Transform Your Smile Today"
      description="Get in touch for a personalized consultation with our experts in Antalya."
      background={{ variant: "rotated-rays-static" }}
      useInvertedBackground={false}
      buttonText="Send Request"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      columns={[
          {
              title: "Clinic",              items: [
                  { label: "About Us", href: "#about" },
                  { label: "Our Services", href: "#services" },
                  { label: "Contact", href: "#contact" }
              ]
          },
          {
              title: "Legal",              items: [
                  { label: "Privacy Policy", href: "#" },
                  { label: "Terms of Service", href: "#" }
              ]
          }
      ]}
      copyrightText="© 2024 Oslo Dental Clinic. All Rights Reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}