Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactText from '@/components/sections/contact/ContactText';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import { AlertTriangle, BarChart2, BookOpen, CheckSquare, Globe, Lightbulb, LineChart, ShieldCheck, Smartphone, Smile, Sparkles, Users } from "lucide-react";
 
 export default function LandingPage() {
@@ -28,7 +28,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarStyleApple
       navItems={[
         { name: "Home", id: "#hero" },
         { name: "Mësuesit", id: "#teacher" },
@@ -37,7 +37,6 @@ export default function LandingPage() {
         { name: "Kontakt", id: "#contact" },
       ]}
       brandName="Shkolla e së Nesërmes"
-      button={{ text: "Fillo Tani", href: "#contact" }}
     />
   </div>
 
@@ -117,15 +116,14 @@ export default function LandingPage() {
   </div>
 
   <div id="ai-metrics" data-section="ai-metrics">
-      <MetricCardTwo
+      <MetricCardThree
       animationType="depth-3d"
       textboxLayout="default"
-      gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        { id: "1", value: "40%", description: "Përmirësim në përqendrim" },
+        { id: "1", icon: BarChart2, title: "Përqendrim", value: "40%" },
-        { id: "2", value: "25%", description: "Rritje e mirëqenies mendore" },
+        { id: "2", icon: Smile, title: "Mirëqenie", value: "25%" },
-        { id: "3", value: "60%", description: "Efikasitet në detyra" },
+        { id: "3", icon: Sparkles, title: "Efikasitet", value: "60%" },
       ]}
       title="Statistika Inteligjente"
       description="Përdorimi i AI në përmirësimin e rezultateve."
@@ -133,48 +131,45 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
+      <TestimonialCardThirteen
       useInvertedBackground={false}
-      testimonial="Shkolla e së Nesërmes ka ndryshuar mënyrën si fëmija im mëson. AI e ndihmon të ndihet i sigurt dhe i motivuar çdo ditë."
+      showRating={true}
-      rating={5}
+      textboxLayout="default"
-      author="Ana Xhaka, Prind"
+      animationType="depth-3d"
-      avatars={[
+      title="Çfarë thonë përdoruesit"
-        { src: "http://img.b2bpic.net/free-photo/creative-businesswoman_1098-16070.jpg", alt: "Mësuesi" },
+      description="Përvoja reale nga komuniteti ynë."
-        { src: "http://img.b2bpic.net/free-photo/happy-woman-holding-ipad-device_23-2148369509.jpg", alt: "Nxënësi" },
+      testimonials={[
-        { src: "http://img.b2bpic.net/free-photo/medium-shot-father-working-while-holding-baby_23-2150166646.jpg", alt: "Prindi" },
+        {
-        { src: "http://img.b2bpic.net/free-photo/young-asian-designer-female-using-vr-glasses-virtual-reality-testing-mobile-app-from-develop-software-modern-creative-home-office-night-social-distancing-quarantine-corona-virus-prevention_7861-2550.jpg", alt: "Eksperti" },
+            id: "1", 
-        { src: "http://img.b2bpic.net/free-photo/beautiful-girl-studies-computer-night-technology-education_169016-63973.jpg", alt: "Nxënësi 2" },
+            name: "Ana Xhaka", 
+            handle: "@anaxhaka", 
+            testimonial: "Shkolla e së Nesërmes ka ndryshuar mënyrën si fëmija im mëson. AI e ndihmon të ndihet i sigurt dhe i motivuar çdo ditë.", 
+            rating: 5,
+            imageSrc: "http://img.b2bpic.net/free-photo/creative-businesswoman_1098-16070.jpg"
+        }
       ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactText
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
-      title="Na Kontaktoni"
+      text="Gati për të nisur këtë udhëtim?"
-      description="Bëhuni pjesë e revolucionit edukativ sot."
+      buttons={[{ text: "Na kontaktoni", href: "#" }]}
-      inputs={[
-        { name: "emri", type: "text", placeholder: "Emri Mbiemri" },
-        { name: "email", type: "email", placeholder: "Email Adresa" },
-      ]}
-      textarea={{ name: "mesazhi", placeholder: "Mesazhi juaj" }}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-digital-waves-background-with-flowing-particles_1048-18665.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterLogoEmphasis
+      logoText="Shkolla e së Nesërmes"
       columns={[
-        { title: "Platforma", items: [{ label: "Rreth Nesh", href: "#" }, { label: "Privatësia", href: "#" }] },
+        { items: [{ label: "Rreth Nesh", href: "#" }, { label: "Privatësia", href: "#" }] },
-        { title: "Burime", items: [{ label: "Ndihmë", href: "#" }, { label: "Blog", href: "#" }] },
+        { items: [{ label: "Ndihmë", href: "#" }, { label: "Blog", href: "#" }] },
       ]}
-      bottomLeftText="© 2024 Shkolla e së Nesërmes"
-      bottomRightText="Dizajnuar për një të ardhme më të mirë."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}