Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -5,11 +5,12 @@ import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+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 TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import { Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -20,56 +21,40 @@ export default function LandingPage() {
         contentWidth="mediumLarge"
         sizing="largeSmallSizeLargeTitles"
         background="blurBottom"
-        cardStyle="glass-depth"
+        cardStyle="gradient-bordered"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="glass"
-        headingFontWeight="normal"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Results",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Services", id: "services" },
+        { name: "About", id: "about" },
+        { name: "Results", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Oslo Dental Clinic"
-      button={{
-        text: "Free Consultation",        href: "#contact"}}
+      button={{ text: "Free Consultation", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-static"}}
-      title="Premium Dental Care in Antalya You Can Trust"
-      description="Modern treatments for international patients with comfort, safety, and stunning results."
+      <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 }
+      ]}
       buttons={[
-        {
-          text: "Call Now",          href: "tel:+905393260707"},
-        {
-          text: "Get Free Consultation",          href: "#contact"},
-      ]}
-      carouselItems={[
-        {
-          id: "1",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/high-end-dental-clinic-interior-in-antal-1774977744894-05d91d39.png?_wi=1",          imageAlt: "Modern Clinic Interior"},
-        {
-          id: "2",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/happy-patient-smiling-in-a-dental-chair--1774977745695-ff963590.png?_wi=1",          imageAlt: "Patient Care"},
-        {
-          id: "3",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/modern-dental-tools-and-equipment-close--1774977745345-c77fd782.png?_wi=1",          imageAlt: "Dental Equipment"},
-        {
-          id: "4",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/antalya-coastline-view-through-clinic-wi-1774977744231-b6a25680.png",          imageAlt: "View from Clinic"},
-        {
-          id: "5",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/dentist-with-patient-at-consultation-tab-1774977743444-4a4bf75d.png",          imageAlt: "Doctor Consultation"},
-        {
-          id: "6",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/modern-dental-clinic-waiting-area-minima-1774977745250-36ba0ec1.png",          imageAlt: "Waiting Area"},
+        { 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>
 
@@ -78,15 +63,9 @@ export default function LandingPage() {
       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/high-end-dental-clinic-interior-in-antal-1774977744894-05d91d39.png?_wi=2",          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/happy-patient-smiling-in-a-dental-chair--1774977745695-ff963590.png?_wi=2",          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/modern-dental-tools-and-equipment-close--1774977745345-c77fd782.png?_wi=2",          imageAlt: "Teeth Whitening"},
+        { 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?_wi=3", 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?_wi=2", 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?_wi=2", imageAlt: "Teeth Whitening" },
       ]}
       title="Our Expert Dental Services"
       description="We offer a wide range of premium dental treatments tailored to your individual needs."
@@ -97,15 +76,11 @@ export default function LandingPage() {
       <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/dentist-with-patient-at-consultation-tab-1774977743444-4a4bf75d.png",          alt: "Dt. Ahmet Göktas"},
-      ]}
-      buttons={[
-        {
-          text: "Meet Our Team",          href: "#team"},
+        { type: "text", content: "About Oslo Dental Clinic" },
+        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978113902-jli695f6.jpg", alt: "Dr. Ahmet Göktaş" },
       ]}
+      buttons={[{ text: "Meet Our Team", href: "#team" }]
+      }
     />
   </div>
 
@@ -116,14 +91,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       members={[
-        {
-          id: "1",          name: "Dt. Ahmet Göktas",          role: "Lead Dentist",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774977718978-41ht3vf6.jpg"},
-        {
-          id: "2",          name: "Dr. Ayse Yilmaz",          role: "Implant Specialist",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774977718978-74hyktbk.jpg"},
-        {
-          id: "3",          name: "Dt. Mehmet Demir",          role: "Cosmetic Dentist",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774977718978-1vqb150d.jpg"},
-        {
-          id: "4",          name: "Dr. Elif Kaya",          role: "General Dentistry",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774977718978-44o4qqhh.jpg"},
+        { id: "1", name: "Dr. Ahmet Göktaş", role: "Founder Dentist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978113902-jli695f6.jpg?_wi=2" },
+        { id: "2", name: "Dr. Irmak Tumen", role: "Dentist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978113902-k0pyv3oo.jpg?_wi=3" },
+        { 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-1774978113902-scbvr5x4.jpg?_wi=3" },
+        { id: "4", name: "Support Staff", role: "Patient Care", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978113902-qz04c4qv.jpg?_wi=2" },
       ]}
       title="Meet Our Professionals"
       description="Experienced English-speaking staff dedicated to your safety and comfort."
@@ -131,56 +102,36 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      animationType="blur-reveal"
+      <TestimonialCardTwelve
+      cardAnimation="blur-reveal"
+      cardTitle="Patient Success Stories"
+      cardTag="Testimonials"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",          name: "Duane",          role: "Patient",          company: "UK",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/real-portrait-of-happy-international-den-1774977744689-d36b0ad8.png?_wi=1"},
-        {
-          id: "2",          name: "Nicole F",          role: "Patient",          company: "International",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/real-portrait-of-happy-international-den-1774977744627-591fad07.png"},
-        {
-          id: "3",          name: "Mi Yuwa",          role: "Patient",          company: "International",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/real-portrait-of-happy-international-den-1774977745112-8172eeb3.png"},
-        {
-          id: "4",          name: "Patient User",          role: "Patient",          company: "Norway",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/real-portrait-of-happy-international-den-1774977743526-d8f07443.png"},
-        {
-          id: "5",          name: "Erik S.",          role: "Patient",          company: "Norway",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/real-portrait-of-happy-international-den-1774977744689-d36b0ad8.png?_wi=2"},
+        { id: "1", name: "Patient A", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978113902-jli695f6.jpg?_wi=2" },
+        { id: "2", name: "Patient B", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978113902-k0pyv3oo.jpg?_wi=3" },
+        { id: "3", name: "Patient C", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978113902-scbvr5x4.jpg?_wi=3" },
       ]}
-      title="Patients Trust Our Care"
-      description="Proven results for patients from around the world."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static"}}
+      background={{ variant: "rotated-rays-static" }}
       text="Ready for your free consultation? Our team is ready to help you."
-      buttons={[
-        {
-          text: "Contact Us Now",          href: "tel:+905393260707"},
-      ]}
+      buttons={[{ text: "Contact Us Now", href: "tel:+905393260707" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Oslo Dental"
-      leftLink={{
-        text: "Privacy Policy",        href: "#"}}
-      rightLink={{
-        text: "All Rights Reserved",        href: "#"}}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "All Rights Reserved", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}