Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import TextAbout from '@/components/sections/about/TextAbout';
 import { Activity, Award, Heart, ShieldCheck, Smile, Star, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -32,7 +32,7 @@ export default function LandingPage() {
           <NavbarStyleApple
             navItems={[
               { name: "Home", id: "hero" },
-              { name: "Services", id: "services" },
+              { name: "About Us", id: "services" },
               { name: "Results", id: "results" },
               { name: "Contact", id: "contact" },
             ]}
@@ -41,43 +41,40 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroSplit
+          <HeroBillboardDashboard
             background={{ variant: "gradient-bars" }}
             title="Let's Make Your Smile Shine"
             description="See real results from our clients. Book your appointment with Egypt's trusted cosmetic dentistry experts."
             buttons={[{ text: "Book your appointment", href: "#contact" }]}
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dtkuli0tdBMKGcMqSnb5gG6iWC/uploaded-1779114606361-00tpxw48.png"
+            dashboard={{
-            mediaAnimation="slide-up"
+              title: "Clinic Overview",              stats: [
-            avatars={[
+                { title: "Patients", values: [100, 120, 110], description: "Total patients served", titleMobile: "Patients" },
-              { src: "http://img.b2bpic.net/free-photo/portrait-dentist-patient-smiling_23-2148396176.jpg", alt: "Portrait of dentist and patient smiling" },
+                { title: "Treatments", values: [50, 60, 55], description: "Successful treatments", titleMobile: "Treatments"  },
-              { src: "http://img.b2bpic.net/free-photo/woman-showing-her-teeth-clinic_107420-65383.jpg", alt: "Woman showing her teeth in clinic" },
+                { title: "Reviews", values: [4, 5, 4.5], valueSuffix: "/5", description: "Average rating", titleMobile: "Reviews"  },
-              { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396149.jpg", alt: "Portrait of beautiful woman at the dentist" },
+              ],
-              { src: "http://img.b2bpic.net/free-photo/young-female-patient-bed-physiotherapy-center_1139-1121.jpg", alt: "Young female patient on bed in a physiotherapy center." },
+              logoIcon: Activity,
-              { src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-chair-dental-clinic_662251-2583.jpg", alt: "Portrait of smiling young woman sitting on chair at dental clinic" },
+              sidebarItems: [
-            ]}
+                { icon: Activity, active: true },
-            avatarText="Trusted by 1000+ happy patients across Egypt."
+                { icon: Heart },
-            marqueeItems={[
+                { icon: Star },
-              { type: "text-icon", text: "Expert Care", icon: ShieldCheck },
+              ],
-              { type: "text-icon", text: "Modern Tech", icon: Activity },
+              buttons: [{ text: "Book your appointment", href: "#contact" }],
-              { type: "text-icon", text: "Top Rated", icon: Star },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dtkuli0tdBMKGcMqSnb5gG6iWC/uploaded-1779114606361-00tpxw48.png",              listItems: [
-              { type: "text-icon", text: "Fast Results", icon: Zap },
+                { icon: Zap, title: "New Patient Consult", status: "New" },
-              { type: "text-icon", text: "Gentle Dentistry", icon: Heart },
+                { icon: Heart, title: "Whitening Session", status: "Completed" },
-            ]}
+                { icon: ShieldCheck, title: "Braces Adjustment", status: "Upcoming" },
+              ],
+            }}
           />
         </div>
 
         <div id="services" data-section="services">
-          <FeatureCardTwentyThree
+          <TextAbout
-            animationType="slide-up"
+            tag="About Us"
-            textboxLayout="split"
+            title="Our Commitment to Your Perfect Smile: Experienced Dental Care for Lasting Results."
+            buttons={[{ text: "Discover Our Story", href: "#hero" }]} 
+            buttonAnimation="slide-up"
             useInvertedBackground={true}
-            features={[
-              { id: "s1", title: "Teeth Whitening", tags: ["Whitening"], imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-female-patient-discussing-digital-tablet_107420-65415.jpg" },
-              { id: "s2", title: "Professional Fillings", tags: ["Restorative"], imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg" },
-              { id: "s3", title: "Orthodontic Braces", tags: ["Alignment"], imageSrc: "http://img.b2bpic.net/free-photo/dental-care-tooth-decay-concept-curly-young-woman-uses-dental-floss-wears-headband-casual-striped-t-shirt-has-perfect-smile-looks-away-isolated-blue-studio-background-teeth-flossing_273609-60927.jpg" },
-            ]}
-            title="Our Cosmetic Services"
-            description="Professional treatments for a brighter, healthier smile."
           />
         </div>
 
@@ -170,4 +167,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}