Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -31,20 +31,16 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Features",
+          name: "Interior Design",          id: "#"
-          id: "features",
         },
         {
-          name: "Process",
+          name: "Architecture",          id: "#"
-          id: "process",
         },
         {
-          name: "Testimonials",
+          name: "Landscaping",          id: "#"
-          id: "testimonials",
         },
         {
-          name: "FAQ",
+          name: "Consultation",          id: "#"
-          id: "faq",
         },
       ]}
       brandName="EarnFree"
@@ -54,78 +50,44 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Unlock Your Financial Potential for Free"
       description="Join the leading platform to earn money through simple, verified tasks from the comfort of your home. No investment required."
       kpis={[
         {
-          value: "1.2M+",
+          value: "1.2M+",          label: "Active Users"},
-          label: "Active Users",
-        },
         {
-          value: "$5M+",
+          value: "$5M+",          label: "Paid Out"},
-          label: "Paid Out",
-        },
         {
-          value: "4.9/5",
+          value: "4.9/5",          label: "User Rating"},
-          label: "User Rating",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Start Earning Now",
+          text: "Start Earning Now",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461324.jpg"
       imageAlt="Financial growth interface"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",          alt: "User 1"},
-          alt: "User 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137700.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137700.jpg",          alt: "User 2"},
-          alt: "User 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",
+          src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",          alt: "User 3"},
-          alt: "User 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-using-app-her-smartphone-device-send-text-message-near-business-buildings_158595-6783.jpg",
+          src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-using-app-her-smartphone-device-send-text-message-near-business-buildings_158595-6783.jpg",          alt: "User 4"},
-          alt: "User 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",          alt: "User 5"},
-          alt: "User 5",
-        },
       ]}
       avatarText="Join 1M+ active earners"
       marqueeItems={[
-        {
+        { type: "text", text: "Instant Payouts" },
-          type: "text",
+        { type: "text", text: "Verified Tasks" },
-          text: "Instant Payouts",
+        { type: "text", text: "Secure Platform" },
-        },
+        { type: "text", text: "24/7 Support" },
-        {
+        { type: "text", text: "Global Access" },
-          type: "text",
-          text: "Verified Tasks",
-        },
-        {
-          type: "text",
-          text: "Secure Platform",
-        },
-        {
-          type: "text",
-          text: "24/7 Support",
-        },
-        {
-          type: "text",
-          text: "Global Access",
-        },
       ]}
     />
   </div>
@@ -136,31 +98,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { icon: Zap, title: "Fast Tasks", description: "Complete short tasks in minutes." },
-          icon: Zap,
+        { icon: Shield, title: "Verified Security", description: "Your data and earnings are always safe." },
-          title: "Fast Tasks",
+        { icon: Clock, title: "Real-time Payouts", description: "Withdraw your earnings instantly to your wallet." },
-          description: "Complete short tasks in minutes.",
+        { icon: Globe, title: "Global Access", description: "Earn from anywhere in the world." },
-        },
+        { icon: TrendingUp, title: "High Payouts", description: "Maximize your revenue with top-tier tasks." },
-        {
-          icon: Shield,
-          title: "Verified Security",
-          description: "Your data and earnings are always safe.",
-        },
-        {
-          icon: Clock,
-          title: "Real-time Payouts",
-          description: "Withdraw your earnings instantly to your wallet.",
-        },
-        {
-          icon: Globe,
-          title: "Global Access",
-          description: "Earn from anywhere in the world.",
-        },
-        {
-          icon: TrendingUp,
-          title: "High Payouts",
-          description: "Maximize your revenue with top-tier tasks.",
-        },
       ]}
       title="Why Choose Our Platform"
       description="We offer a seamless experience designed to maximize your earning potential while ensuring absolute transparency."
@@ -174,21 +116,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "1", value: "1", description: "Create your account for free." },
-          id: "1",
+        { id: "2", value: "2", description: "Complete verified tasks daily." },
-          value: "1",
+        { id: "3", value: "3", description: "Withdraw earnings to your bank." },
-          description: "Create your account for free.",
-        },
-        {
-          id: "2",
-          value: "2",
-          description: "Complete verified tasks daily.",
-        },
-        {
-          id: "3",
-          value: "3",
-          description: "Withdraw earnings to your bank.",
-        },
       ]}
       title="Simple 3-Step Process"
       description="Getting started is easier than ever. Follow these steps to begin your journey."
@@ -201,60 +131,16 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Sarah Johnson", role: "Full-time User", company: "Home Office", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg?_wi=1" },
-          id: "1",
+        { id: "2", name: "Michael Chen", role: "Part-time Freelancer", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137700.jpg" },
-          name: "Sarah Johnson",
+        { id: "3", name: "Emily Rodriguez", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg" },
-          role: "Full-time User",
+        { id: "4", name: "David Kim", role: "Remote Worker", company: "Tech Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-using-app-her-smartphone-device-send-text-message-near-business-buildings_158595-6783.jpg" },
-          company: "Home Office",
+        { id: "5", name: "Anna Smith", role: "Digital Nomad", company: "Freelance Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg?_wi=2" },
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "Part-time Freelancer",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137700.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Student",
-          company: "University",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Remote Worker",
-          company: "Tech Startup",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-using-app-her-smartphone-device-send-text-message-near-business-buildings_158595-6783.jpg",
-        },
-        {
-          id: "5",
-          name: "Anna Smith",
-          role: "Digital Nomad",
-          company: "Freelance Hub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg?_wi=2",
-        },
       ]}
       kpiItems={[
-        {
+        { value: "95%", label: "Customer Satisfaction" },
-          value: "95%",
+        { value: "24/7", label: "Platform Support" },
-          label: "Customer Satisfaction",
+        { value: "100%", label: "Transparent Earnings" },
-        },
-        {
-          value: "24/7",
-          label: "Platform Support",
-        },
-        {
-          value: "100%",
-          label: "Transparent Earnings",
-        },
       ]}
       title="Trusted by Thousands"
       description="See what our active users have to say about their journey with us."
@@ -266,21 +152,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "Is it really free?", content: "Yes, our platform is completely free to join and start working." },
-          id: "q1",
+        { id: "q2", title: "How do I withdraw money?", content: "You can withdraw via bank transfer, PayPal, or crypto wallet." },
-          title: "Is it really free?",
+        { id: "q3", title: "Are there daily limits?", content: "We offer a wide variety of tasks without strict daily limits." },
-          content: "Yes, our platform is completely free to join and start working.",
-        },
-        {
-          id: "q2",
-          title: "How do I withdraw money?",
-          content: "You can withdraw via bank transfer, PayPal, or crypto wallet.",
-        },
-        {
-          id: "q3",
-          title: "Are there daily limits?",
-          content: "We offer a wide variety of tasks without strict daily limits.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/glitter-golden-sparkle-bursting-bokeh-effect-background_1017-41839.jpg"
       title="Frequently Asked Questions"
@@ -293,52 +167,33 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Join Now"
       title="Ready to Start Earning?"
       description="Sign up today and get your first bonus tasks instantly. The community is waiting for you."
-      buttons={[
+      buttons={[{ text: "Register Now", href: "#" }]}
-        {
-          text: "Register Now",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterLogoEmphasis
+      logoText="EarnFree Home Design"
       columns={[
         {
-          title: "Platform",
           items: [
-            {
+            { label: "Design Services", href: "#" },
-              label: "About",
+            { label: "Portfolio", href: "#" },
-              href: "#",
+            { label: "Career", href: "#" },
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
           ],
         },
         {
-          title: "Support",
           items: [
-            {
+            { label: "Contact Us", href: "#" },
-              label: "Contact",
+            { label: "Privacy Policy", href: "#" },
-              href: "#",
+            { label: "Terms of Service", href: "#" },
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
           ],
         },
       ]}
-      copyrightText="© 2024 EarnFree Platform. All rights reserved."
     />
   </div>
       </ReactLenis>