Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -5,11 +5,10 @@ import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import TextAbout from '@/components/sections/about/TextAbout';
 
 export default function LandingPage() {
@@ -31,68 +30,31 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Modules",
-          id: "modules",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Results",
-          id: "results",
-        },
+          name: "Success",          id: "success"},
         {
-          name: "Success",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="IELTS Academy"
       button={{
-        text: "Book Demo",
-        href: "#contact",
-      }}
+        text: "Book Demo",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Unlock Your Global Future with IELTS 8.0+"
       description="Achieve your dream score with expert guidance, precision strategies, and proven success methodology."
       buttons={[
         {
-          text: "Book a Free Demo",
-          href: "#contact",
-        },
+          text: "Book a Free Demo",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/two-young-good-looking-multi-ethnic-female-students-talking-about-graduation-project-making-notes-notebooks-looking-information-books_176420-8286.jpg",
-          imageAlt: "IELTS success students",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-bookstore-date_23-2150396441.jpg",
-          imageAlt: "IELTS success students",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-redhead-female-model-ginger-girl-with-digital-tablet-sits-stairs-outdoors-reads-her_1258-196335.jpg",
-          imageAlt: "IELTS success students",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-woman-glasses-teacher-celebrating-raising-hand-up-cheering-tirumphing-with_1258-197338.jpg",
-          imageAlt: "IELTS success students",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/neighborhood-life-enjoyed-by-young-adult_23-2149402065.jpg",
-          imageAlt: "IELTS success students",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-slavic-student-girl-with-headphones-wearing-backpack-stands-with-raised-fist-holds-notebook-pen-looking-side_141793-99764.jpg",
-          imageAlt: "IELTS success students",
-        },
+          imageSrc: "https://img.b2bpic.net/free-photo/young-woman-studying-ielts-preparation-books_12345-12345.jpg",          imageAlt: "Student studying IELTS preparation materials"},
       ]}
     />
   </div>
@@ -103,120 +65,42 @@ export default function LandingPage() {
       title="Excellence in Academic Preparation"
       buttons={[
         {
-          text: "Explore Success Story",
-          href: "#results",
-        },
+          text: "Get Started",          href: "#contact"},
       ]}
     />
   </div>
 
-  <div id="modules" data-section="modules">
+  <div id="features" data-section="features">
       <FeatureCardEight
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
         {
-          title: "Listening",
-          description: "Sharpen your focus and comprehension.",
-          imageSrc: "http://img.b2bpic.net/free-photo/show-ear-listen-hear-deaf-sign_53876-121483.jpg",
-          imageAlt: "Listening",
-        },
+          title: "Expert Tutors",          description: "Learn from certified examiners with years of experience.",          imageSrc: "https://img.b2bpic.net/free-photo/teacher-explaining-ielts-reading-test-student_56789-56789.jpg",          imageAlt: "Expert IELTS Tutor"},
         {
-          title: "Reading",
-          description: "Master speed and precision.",
-          imageSrc: "http://img.b2bpic.net/free-vector/reading-flat-set_1284-4136.jpg",
-          imageAlt: "Reading",
-        },
+          title: "Mock Exams",          description: "Simulate real test conditions with timed practice.",          imageSrc: "https://img.b2bpic.net/free-photo/student-taking-ielts-mock-exam_98765-98765.jpg",          imageAlt: "IELTS Mock Exam Preparation"},
         {
-          title: "Writing",
-          description: "Construct high-scoring essays.",
-          imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-concept-with-icons-wooden-cubes-stationery-set-flat-lay_176474-9485.jpg",
-          imageAlt: "Writing",
-        },
-        {
-          title: "Speaking",
-          description: "Speak with confidence and fluency.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blank-white-speech-with-shadow-blue-background_23-2147948725.jpg",
-          imageAlt: "Speaking",
-        },
+          title: "Personalized Feedback",          description: "Targeted improvements based on your individual performance.",          imageSrc: "https://img.b2bpic.net/free-photo/marking-ielts-writing-test-books_45678-45678.jpg",          imageAlt: "Personalized IELTS Feedback"},
       ]}
-      title="Core IELTS Modules"
-      description="Comprehensive resources tailored for mastery."
+      title="Why Choose Us"
+      description="Comprehensive support to help you achieve your target score."
     />
   </div>
 
-  <div id="results" data-section="results">
-      <MetricCardTwo
-      animationType="depth-3d"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
+  <div id="success" data-section="success">
+      <TestimonialCardTwelve
+      cardTitle="Success Wall"
+      cardTag="Student Results"
+      cardAnimation="slide-up"
       useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "8.5",
-          description: "Highest Band Achieved",
-        },
-        {
-          id: "m2",
-          value: "95%",
-          description: "Students with Band 7.5+",
-        },
-        {
-          id: "m3",
-          value: "1200+",
-          description: "Successful Alumni",
-        },
-      ]}
-      title="The Wall of Success"
-      description="Consistently producing top-tier Band scores."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Amina Khan",
-          handle: "Band 8.5",
-          testimonial: "The guidance here is unmatched. I finally crossed the 8.0 mark!",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-thoughtful-woman-dressed-outerwear-holds-modern-tablet-notebook-focused-away-walks-outside_273609-55797.jpg",
-        },
+          id: "cert-1",          name: "Band 8.5 Achieved",          imageSrc: "https://img.b2bpic.net/free-photo/student-proudly-holding-ielts-certificate_11111-11111.jpg"},
         {
-          id: "2",
-          name: "Wei Chen",
-          handle: "Band 8.0",
-          testimonial: "Practice materials were precise and highly reflective of actual exams.",
-          imageSrc: "http://img.b2bpic.net/free-photo/excited-young-student-girl-wearing-bandana-backpack-holding-note-pads-looking-camera-putting-one-note-pads-head-isolated-blue-background_141793-134481.jpg",
-        },
+          id: "cert-2",          name: "Band 8.0 Achieved",          imageSrc: "https://img.b2bpic.net/free-photo/ielts-band-score-achievement_22222-22222.jpg"},
         {
-          id: "3",
-          name: "Sarah Miller",
-          handle: "Band 8.0",
-          testimonial: "The writing feedback really refined my sentence structure.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149915909.jpg",
-        },
-        {
-          id: "4",
-          name: "David Okafor",
-          handle: "Band 7.5",
-          testimonial: "Speaking mock exams were the turning point for me.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg",
-        },
-        {
-          id: "5",
-          name: "Elena Rossi",
-          handle: "Band 8.5",
-          testimonial: "I couldn't have achieved this without the constant support.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
-        },
+          id: "cert-3",          name: "Band 8.0 Achieved",          imageSrc: "https://img.b2bpic.net/free-photo/happy-student-with-ielts-report-card_33333-33333.jpg"}
       ]}
-      title="Student Success Stories"
-      description="Hear from those who achieved their goals."
     />
   </div>
 
@@ -226,20 +110,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "How long are the courses?",
-          content: "Our courses typically run for 8 weeks.",
-        },
+          id: "q1",          title: "How long are the courses?",          content: "Our courses typically run for 8 weeks."},
         {
-          id: "q2",
-          title: "Are mock exams included?",
-          content: "Yes, unlimited full-scale mock exams are provided.",
-        },
-        {
-          id: "q3",
-          title: "Is feedback personalized?",
-          content: "Yes, all essays and speaking assessments receive detailed, personalized feedback.",
-        },
+          id: "q2",          title: "Are mock exams included?",          content: "Yes, unlimited full-scale mock exams are provided."},
       ]}
       title="Frequently Asked Questions"
       description="Everything you need to know about our academy."
@@ -251,66 +124,42 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       text="Ready to begin your journey? Contact us today to schedule your demo or ask any questions."
       buttons={[
         {
-          text: "Register Now",
-          href: "#contact-form",
-        },
+          text: "Get in Touch",          href: "mailto:support@ieltsacademy.com"},
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBaseReveal
+      logoText="IELTS Academy"
       columns={[
         {
-          title: "Navigate",
-          items: [
-            {
-              label: "Modules",
-              href: "#modules",
-            },
-            {
-              label: "Success",
-              href: "#testimonials",
-            },
+          title: "Academy",          items: [
+            { label: "Courses", href: "#features" },
+            { label: "Success", href: "#success" },
           ],
         },
         {
-          title: "Academy",
-          items: [
-            {
-              label: "Contact Us",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+          title: "Contact",          items: [
+            { label: "Email: info@ieltsacademy.com", href: "mailto:info@ieltsacademy.com" },
+            { label: "Phone: +1 234 567 890", href: "tel:+1234567890" },
           ],
         },
         {
-          title: "Socials",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
+          title: "Social",          items: [
+            { label: "Instagram", href: "https://instagram.com" },
+            { label: "LinkedIn", href: "https://linkedin.com" },
           ],
         },
       ]}
-      bottomLeftText="© 2024 IELTS Excellence Academy. All rights reserved."
-      bottomRightText="Academic Excellence Pathway"
+      copyrightText="© 2024 IELTS Excellence Academy. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #050012;
-  --card: #040121;
-  --foreground: #f0e6ff;
-  --primary-cta: #c89bff;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #001122;
+  --primary-cta: #15479c;
   --primary-cta-text: #050012;
-  --secondary-cta: #1d123b;
+  --secondary-cta: #FFD700;
   --secondary-cta-text: #f0e6ff;
-  --accent: #684f7b;
-  --background-accent: #65417c;
+  --accent: #15479c;
+  --background-accent: #f9f9f9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);