Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -5,7 +5,6 @@ import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -13,6 +12,7 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import { Layers, Lightbulb, Rocket, Sparkles, User } from "lucide-react";
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
 export default function LandingPage() {
   return (
@@ -83,20 +83,20 @@ export default function LandingPage() {
       buttonAnimation="blur-reveal"
       marqueeItems={[
         {
-          type: "text-icon",          text: "Innovative Design",          icon: Lightbulb,
+          type: "text-icon",          text: "Innovative Design",          icon: Lightbulb
         },
         {
-          type: "text-icon",          text: "Strategic Solutions",          icon: Rocket,
+          type: "text-icon",          text: "Strategic Solutions",          icon: Rocket
         },
         {
-          type: "text-icon",          text: "Creative Excellence",          icon: Sparkles,
+          type: "text-icon",          text: "Creative Excellence",          icon: Sparkles
         },
         {
-          type: "text-icon",          text: "User-Centric Approach",          icon: User,
+          type: "text-icon",          text: "User-Centric Approach",          icon: User
         },
         {
-          type: "text-icon",          text: "Seamless Integration",          icon: Layers,
+          type: "text-icon",          text: "Seamless Integration",          icon: Layers
-        },
+        }
       ]}
     />
   </div>
@@ -223,7 +223,7 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient"}}
+        variant: "sparkles-gradient"}}
       text="Ready to start your next creative project? Let's connect and turn your vision into a stunning reality. Reach out today!"
       buttons={[
         {
@@ -231,11 +231,13 @@ export default function LandingPage() {
         {
           text: "Schedule a Call",          href: "#"},
       ]}
+      animationType="reveal-blur"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBaseCard
+      logoText="Plex Arts"
       columns={[
         {
           title: "Services",          items: [
@@ -247,7 +249,7 @@ export default function LandingPage() {
               label: "Graphic Design",              href: "#services"},
             {
               label: "UI/UX",              href: "#services"},
-          ],
+          ]
         },
         {
           title: "Company",          items: [
@@ -259,7 +261,7 @@ export default function LandingPage() {
               label: "Clients",              href: "#clients"},
             {
               label: "FAQ",              href: "#faq"},
-          ],
+          ]
         },
         {
           title: "Connect",          items: [
@@ -271,11 +273,10 @@ export default function LandingPage() {
               label: "Instagram",              href: "#"},
             {
               label: "Behance",              href: "#"},
-          ],
+          ]
-        },
+        }
       ]}
-      bottomLeftText="© 2024 Plex Arts. All rights reserved."
+      copyrightText="© 2024 Plex Arts. All rights reserved. Privacy Policy · Terms of Service"
-      bottomRightText="Privacy Policy · Terms of Service"
     />
   </div>
       </ReactLenis>