Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -3,15 +3,15 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Save, Star, Target, TrendingUp, Wallet } from "lucide-react";
+import { Target, TrendingUp, Wallet } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Calculate",
+          name: "Calculate",          id: "#calculator"},
-          id: "#calculator",
-        },
         {
-          name: "Debt Manager",
+          name: "Debt Manager",          id: "#debt"},
-          id: "#debt",
-        },
         {
-          name: "AI Advisor",
+          name: "AI Advisor",          id: "#ai"},
-          id: "#ai",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "#faq"},
-          id: "#faq",
-        },
       ]}
       brandName="IQ Loan"
     />
@@ -55,19 +47,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       logoText="IQ Loan"
       description="Your AI-powered financial advisor. Take control of your debt, calculate the true cost of your loans, and find the smartest path to financial freedom."
       buttons={[
         {
-          text: "Get Started",
+          text: "Get Started",          href: "#onboarding"},
-          href: "#onboarding",
-        },
         {
-          text: "View Features",
+          text: "View Features",          href: "#calculator"},
-          href: "#calculator",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-korean-girl-looks-tablet-reads-street-drinks-takeaway-coffee_1258-193195.jpg"
       mediaAnimation="blur-reveal"
@@ -81,19 +68,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Target,
-          label: "Loan Type",
+          label: "Loan Type",          value: "Defined"},
-          value: "Defined",
-        },
         {
           icon: Wallet,
-          label: "Financial Goal",
+          label: "Financial Goal",          value: "Optimized"},
-          value: "Optimized",
-        },
         {
           icon: TrendingUp,
-          label: "Savings Strategy",
+          label: "Savings Strategy",          value: "Activated"},
-          value: "Activated",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -106,26 +87,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Consolidated View",          subtitle: "See all your debt burdens at a glance.",          category: "Insights",          value: "Clarity"},
-          title: "Consolidated View",
-          subtitle: "See all your debt burdens at a glance.",
-          category: "Insights",
-          value: "Clarity",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Early Payoff Simulation",          subtitle: "See exactly how much time and money you save.",          category: "Optimization",          value: "Action"},
-          title: "Early Payoff Simulation",
-          subtitle: "See exactly how much time and money you save.",
-          category: "Optimization",
-          value: "Action",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Hidden Fee Analysis",          subtitle: "Uncover the real total cost of your financial products.",          category: "Warning",          value: "Control"},
-          title: "Hidden Fee Analysis",
-          subtitle: "Uncover the real total cost of your financial products.",
-          category: "Warning",
-          value: "Control",
-        },
       ]}
       title="Debt Mastery"
       description="Manage all your loans in one place. Receive AI-driven insights on how to pay off debt faster, save on interest, and avoid hidden fees."
@@ -140,41 +106,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "True Cost Calculator",          price: "Standard",          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-template_23-2148592987.jpg"},
-          name: "True Cost Calculator",
-          price: "Standard",
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-template_23-2148592987.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Affordability Score",          price: "AI-Verified",          imageSrc: "http://img.b2bpic.net/free-photo/graph-stack-coins-calculator-house-model-blueprint_23-2148038724.jpg"},
-          name: "Affordability Score",
-          price: "AI-Verified",
-          imageSrc: "http://img.b2bpic.net/free-photo/graph-stack-coins-calculator-house-model-blueprint_23-2148038724.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Refinance Analyzer",          price: "Opportunity",          imageSrc: "http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg"},
-          name: "Refinance Analyzer",
-          price: "Opportunity",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "What-If Simulator",          price: "Strategic",          imageSrc: "http://img.b2bpic.net/free-photo/currency-change-piles-coins_23-2148305966.jpg"},
-          name: "What-If Simulator",
-          price: "Strategic",
-          imageSrc: "http://img.b2bpic.net/free-photo/currency-change-piles-coins_23-2148305966.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Market Rate Check",          price: "Benchmark",          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-bed-with-laptop-tablet_23-2148751552.jpg"},
-          name: "Market Rate Check",
-          price: "Benchmark",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-bed-with-laptop-tablet_23-2148751552.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Worst Case Stress Test",          price: "Safety",          imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761009.jpg"},
-          name: "Worst Case Stress Test",
-          price: "Safety",
-          imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761009.jpg",
-        },
       ]}
       title="Smart Loan Tools"
       description="Calculate costs, compare options, and simulate different scenarios to choose the best loan for your unique financial profile."
@@ -182,153 +124,79 @@ export default function LandingPage() {
   </div>
 
   <div id="ai" data-section="ai">
-      <MetricCardOne
+      <MetricCardFourteen
-      animationType="depth-3d"
+      tag="AI Engine"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "12%",          description: "Average user interest savings"
-          value: "12%",
-          title: "Avg Savings",
-          description: "Users save on interest",
-          icon: Save,
         },
         {
-          id: "m2",
+          id: "m2",          value: "24/7",          description: "Decision support available"
-          value: "24/7",
-          title: "Decision Support",
-          description: "Always ready to chat",
-          icon: Star,
         },
         {
-          id: "m3",
+          id: "m3",          value: "100+",          description: "Financial scenarios simulated"
-          value: "100+",
+        }
-          title: "Scenarios",
-          description: "Simulation depth",
-          icon: Star,
-        },
       ]}
-      title="AI Decision Engine"
+      title="Intelligent Decision Engine"
-      description="Our intelligent assistant guides you to the most cost-effective decisions based on real-time data."
+      useInvertedBackground={false}
+      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
+      <TestimonialCardFifteen
-      animationType="slide-up"
+      testimonial="IQ Loan helped me find out I was paying hidden fees. Saved thousands!"
-      textboxLayout="split"
+      rating={5}
+      author="Sarah J."
+      avatars={[{ src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8542.jpg", alt: "Sarah J." }]}
+      ratingAnimation="slide-up"
+      avatarsAnimation="slide-up"
       useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          role: "Engineer",
-          testimonial: "IQ Loan helped me find out I was paying hidden fees. Saved thousands!",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8542.jpg",
-        },
-        {
-          id: "t2",
-          name: "Michael T.",
-          role: "Designer",
-          testimonial: "The AI advisor is incredibly intuitive and makes loan decisions simple.",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
-        },
-        {
-          id: "t3",
-          name: "David W.",
-          role: "Consultant",
-          testimonial: "Finally, a way to see the 'True Cost' of my home loan. Excellent tool.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-young-happy-readhead-bearded-man-using-digital-tablet-workplace_171337-9875.jpg",
-        },
-        {
-          id: "t4",
-          name: "Emily R.",
-          role: "Teacher",
-          testimonial: "The amortization chart made it easy to visualize how to pay off debt.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg",
-        },
-        {
-          id: "t5",
-          name: "James K.",
-          role: "Analyst",
-          testimonial: "Refinancing advice was spot on and saved me years of payments.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-african-man-standing-office-chatting-by-phone_171337-17654.jpg",
-        },
-      ]}
-      title="Trusted by US Users"
-      description="See how IQ Loan helps people take control of their financial future."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqDouble
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Is my data secure?",          content: "We use bank-level encryption to keep your financial data protected at all times."},
-          title: "Is my data secure?",
-          content: "We use bank-level encryption to keep your financial data protected at all times.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "How does the AI work?",          content: "Our engine analyzes your input against market rates to provide personalized optimization advice."},
-          title: "How does the AI work?",
-          content: "Our engine analyzes your input against market rates to provide personalized optimization advice.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Is it free to use?",          content: "Yes, our base calculator and decision tools are free for all users."},
-          title: "Is it free to use?",
-          content: "Yes, our base calculator and decision tools are free for all users.",
-        },
       ]}
-      sideTitle="Common Questions"
+      title="Common Questions"
-      sideDescription="Everything you need to know about making smart loan decisions with IQ Loan."
+      description="Everything you need to know about making smart loan decisions with IQ Loan."
       faqsAnimation="slide-up"
+      textboxLayout="split"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBaseReveal
       columns={[
         {
-          items: [
+          title: "Company",          items: [
-            {
+            { label: "About Us", href: "#" },
-              label: "About Us",
+            { label: "Security", href: "#" },
-              href: "#",
-            },
-            {
-              label: "Security",
-              href: "#",
-            },
           ],
         },
         {
-          items: [
+          title: "Legal",          items: [
-            {
+            { label: "Terms of Service", href: "#" },
-              label: "Terms of Service",
+            { label: "Privacy Policy", href: "#" },
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
           ],
         },
         {
-          items: [
+          title: "Support",          items: [
-            {
+            { label: "Contact", href: "#" },
-              label: "Contact",
+            { label: "Support", href: "#" },
-              href: "#",
-            },
-            {
-              label: "Support",
-              href: "#",
-            },
           ],
         },
       ]}
       logoText="IQ Loan"
+      copyrightText="© 2024 IQ Loan. All rights reserved."
     />
   </div>
       </ReactLenis>