Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -5,11 +5,11 @@ 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 HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+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 TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import { Star } from "lucide-react";
 
 export default function LandingPage() {
@@ -21,7 +21,7 @@ export default function LandingPage() {
         contentWidth="mediumLarge"
         sizing="largeSmallSizeLargeTitles"
         background="blurBottom"
-        cardStyle="glass-depth"
+        cardStyle="gradient-bordered"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="glass"
         headingFontWeight="bold"
@@ -41,21 +41,20 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{ variant: "gradient-bars" }}
-      title="Transforming Smiles with Precision"
-      description="Experience world-class dental excellence at Oslo Dental Clinic. Combining advanced technology, aesthetic mastery, and personalized care for international patients."
+      <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"
-      rating={5}
-      ratingText="Rated 5.0 by international patients"
+      testimonials={[
+        { name: "Sarah J.", handle: "@sarahj", testimonial: "Best dental experience ever.", rating: 5 }
+      ]}
       buttons={[
         { text: "Book Consultation", href: "#contact" },
         { text: "View Services", href: "#services" },
       ]}
-      mediaItems={[
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978113902-sqnzhizw.jpg?_wi=1", imageAlt: "Clinic interior" },
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978113902-k0pyv3oo.jpg?_wi=1", imageAlt: "Clinical precision" }
-      ]}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978376669-yq68zcp6.jpg"
+      imageAlt="Clinic aesthetic showcase"
     />
   </div>
 
@@ -80,7 +79,8 @@ export default function LandingPage() {
         { 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" }]}
+      buttons={[{ text: "Meet Our Team", href: "#team" }]
+      }
     />
   </div>
 
@@ -102,17 +102,16 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="blur-reveal"
-      textboxLayout="split"
-      title="Patient Success Stories"
-      description="See the life-changing transformations we've achieved for our patients."
-      testimonials={[
-        { id: "1", name: "Dr. Ahmet Göktaş Patient", handle: "@patient_a", testimonial: "The transformation exceeded my expectations!", 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 Patient", handle: "@patient_b", testimonial: "Professional and gentle care throughout the procedure.", 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 C. Uysal Patient", handle: "@patient_c", testimonial: "My orthodontic treatment was perfectly managed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKtzt4zI2rVQ8hi0S6feQU0q7n/uploaded-1774978113902-scbvr5x4.jpg?_wi=3" },
-      ]}
+      <TestimonialCardTwelve
+      cardAnimation="blur-reveal"
+      cardTitle="Patient Success Stories"
+      cardTag="Testimonials"
       useInvertedBackground={true}
+      testimonials={[
+        { 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" },
+      ]}
     />
   </div>