From 3dc51780d2aa4550e87d57955fd2bf1e2a4a8669 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 2 May 2026 08:11:44 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 207 +++++++++++++----------------------------------
 1 file changed, 57 insertions(+), 150 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f7f5e77..6e4838a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactText from '@/components/sections/contact/ContactText';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
@@ -33,64 +33,42 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Qwazar"
       button={{
-        text: "Get App",
-      }}
+        text: "Get App"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Qwazar: Your Academic Shadow"
       description="Unlock a private network of student support. Get help with tasks, earn rewards, and keep your studies confidential."
       tag="School Assistant"
       buttons={[
         {
-          text: "Get Started",
-          href: "#pricing",
-        },
+          text: "Get Started",          href: "#pricing"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-abstract-cyber-particles_1048-12198.jpg",
-          imageAlt: "dark tech background",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-abstract-cyber-particles_1048-12198.jpg",          imageAlt: "dark tech background"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-low-poly-design_1048-5834.jpg",
-          imageAlt: "dark tech background",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-low-poly-design_1048-5834.jpg",          imageAlt: "dark tech background"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-illustration-background_181624-11581.jpg",
-          imageAlt: "dark tech background",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/dark-illustration-background_181624-11581.jpg",          imageAlt: "dark tech background"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-15986.jpg",
-          imageAlt: "3D Geometric Abstract Background",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-15986.jpg",          imageAlt: "3D Geometric Abstract Background"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-low-poly-plexus-design-background_1048-12191.jpg",
-          imageAlt: "3D abstract low poly plexus design background",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-low-poly-plexus-design-background_1048-12191.jpg",          imageAlt: "3D abstract low poly plexus design background"},
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -104,19 +82,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Users,
-          title: "Collaborative Help",
-          description: "Connect with peers securely for assignment support.",
-        },
+          title: "Collaborative Help",          description: "Connect with peers securely for assignment support."},
         {
           icon: DollarSign,
-          title: "Bounty System",
-          description: "Set prices for tasks to ensure quality help.",
-        },
+          title: "Bounty System",          description: "Set prices for tasks to ensure quality help."},
         {
           icon: ShieldCheck,
-          title: "Confidential",
-          description: "Your studies, your secrets, kept totally private.",
-        },
+          title: "Confidential",          description: "Your studies, your secrets, kept totally private."},
       ]}
       title="Academic Assistance, Reimagined"
       description="Built for collaboration and efficiency in a high-pressure school environment."
@@ -141,25 +113,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "1",
-          value: "12k+",
-          title: "Active Students",
-          description: "Joining forces daily.",
-          icon: User,
+          id: "1",          value: "12k+",          title: "Active Students",          description: "Joining forces daily.",          icon: User,
         },
         {
-          id: "2",
-          value: "50k+",
-          title: "Tasks Completed",
-          description: "Supporting academic goals.",
-          icon: CheckCircle,
+          id: "2",          value: "50k+",          title: "Tasks Completed",          description: "Supporting academic goals.",          icon: CheckCircle,
         },
         {
-          id: "3",
-          value: "99%",
-          title: "Security Score",
-          description: "Safe, private, anonymous.",
-          icon: Shield,
+          id: "3",          value: "99%",          title: "Security Score",          description: "Safe, private, anonymous.",          icon: Shield,
         },
       ]}
       title="The Network Effect"
@@ -174,25 +134,12 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "free",
-          badge: "Core",
-          price: "$0",
-          subtitle: "Basic access to help",
-          features: [
-            "Task browsing",
-            "Peer messaging",
-          ],
+          id: "free",          badge: "Core",          price: "$0",          subtitle: "Basic access to help",          features: [
+            "Task browsing",            "Peer messaging"],
         },
         {
-          id: "pro",
-          badge: "Pro",
-          price: "$9",
-          subtitle: "Priority help & tasks",
-          features: [
-            "Unlimited bounties",
-            "Anonymous profile",
-            "Direct mentor access",
-          ],
+          id: "pro",          badge: "Pro",          price: "$9",          subtitle: "Priority help & tasks",          features: [
+            "Unlimited bounties",            "Anonymous profile",            "Direct mentor access"],
         },
       ]}
       title="Join the Inner Circle"
@@ -207,40 +154,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Alex",
-          role: "Grade 11",
-          testimonial: "Changed how I handle tough subjects.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-t-shirt-jacket-looking-camera-looking-cheerful-front-view_176474-85411.jpg",
-        },
+          id: "1",          name: "Alex",          role: "Grade 11",          testimonial: "Changed how I handle tough subjects.",          imageSrc: "http://img.b2bpic.net/free-photo/young-female-t-shirt-jacket-looking-camera-looking-cheerful-front-view_176474-85411.jpg"},
         {
-          id: "2",
-          name: "Sam",
-          role: "Grade 12",
-          testimonial: "Bounty system is genius for quick help.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-guy-wearing-yellow-t-shirt-glasses_141793-89510.jpg",
-        },
+          id: "2",          name: "Sam",          role: "Grade 12",          testimonial: "Bounty system is genius for quick help.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-guy-wearing-yellow-t-shirt-glasses_141793-89510.jpg"},
         {
-          id: "3",
-          name: "Jordan",
-          role: "Grade 10",
-          testimonial: "Very discreet and easy to use.",
-          imageSrc: "http://img.b2bpic.net/free-photo/responsible-student_23-2147650755.jpg",
-        },
+          id: "3",          name: "Jordan",          role: "Grade 10",          testimonial: "Very discreet and easy to use.",          imageSrc: "http://img.b2bpic.net/free-photo/responsible-student_23-2147650755.jpg"},
         {
-          id: "4",
-          name: "Taylor",
-          role: "Grade 12",
-          testimonial: "Finally found help that is actually useful.",
-          imageSrc: "http://img.b2bpic.net/free-photo/good-looking-caucasian-female-with-blonde-straight-hair-wearing-glasses-denim-shirt-smiles-happily-has-good-mood-after-successful-day-university-glad-pleased-pose_176420-13174.jpg",
-        },
+          id: "4",          name: "Taylor",          role: "Grade 12",          testimonial: "Finally found help that is actually useful.",          imageSrc: "http://img.b2bpic.net/free-photo/good-looking-caucasian-female-with-blonde-straight-hair-wearing-glasses-denim-shirt-smiles-happily-has-good-mood-after-successful-day-university-glad-pleased-pose_176420-13174.jpg"},
         {
-          id: "5",
-          name: "Riley",
-          role: "Grade 11",
-          testimonial: "Qwazar feels like a secret academic tool.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
-        },
+          id: "5",          name: "Riley",          role: "Grade 11",          testimonial: "Qwazar feels like a secret academic tool.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg"},
       ]}
       title="Student Feedback"
       description="Voices from the Qwazar community."
@@ -248,76 +170,61 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqBase
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
         {
-          id: "1",
-          title: "Is Qwazar safe?",
-          content: "Yes, we prioritize total anonymity.",
-        },
+          id: "1",          title: "Is Qwazar safe?",          content: "Yes, we prioritize total anonymity with our encrypted student help system."},
         {
-          id: "2",
-          title: "How do payments work?",
-          content: "Tasks use our internal secure bounty system.",
-        },
+          id: "2",          title: "How do payments work?",          content: "Tasks use our internal secure bounty system, ensuring payouts only upon verified completion."},
         {
-          id: "3",
-          title: "Can I trust answers?",
-          content: "Ratings ensure peer-verified quality.",
-        },
+          id: "3",          title: "Can I trust answers?",          content: "Our tiered verification and peer-rating system ensures high academic standards."},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-render-symbol-question-mark_460848-6498.jpg"
       title="Common Questions"
       description="Get answers about the Qwazar platform."
       faqsAnimation="blur-reveal"
-      imageAlt="neon question mark"
-      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
+      <ContactText
+      text="Need specialized academic help or have questions about our student support system? Our team is available 24/7 for confidential inquiries."
       background={{
-        variant: "rotated-rays-static",
-      }}
-      tag="Join Now"
-      title="Become a Qwazar"
-      description="Sign up early for exclusive access."
+        variant: "rotated-rays-static"}}
+      buttons={[
+        {
+          text: "Contact Support",          href: "#"},
+      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y4u0bw"
+      <FooterBase
       logoText="Qwazar"
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Blog",
-              href: "#",
-            },
+              label: "Security",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Resources",          items: [
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Student Portal",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Bounty Rules",              href: "#"},
+          ],
+        },
+        {
+          title: "Legal",          items: [
+            {
+              label: "Privacy Policy",              href: "#"},
+            {
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
@@ -326,4 +233,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1