Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -29,17 +29,11 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Work",
-          id: "work",
-        },
+          name: "Work",          id: "work"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Romet Kriks"
     />
@@ -51,9 +45,7 @@ export default function LandingPage() {
       description="Motion Graphic Designer. Crafting experiences through fluid movement and precise digital design."
       buttons={[
         {
-          text: "View Work",
-          href: "#work",
-        },
+          text: "View Work",          href: "#work"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-high-end-abstract-3d-motion-graphic-co-1775197879508-81b13a10.png?_wi=1"
     />
@@ -75,41 +67,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Abstract Fluids",
-          price: "2024",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-cinematic-abstract-3d-render-showcasin-1775197881067-7d77cffa.png?_wi=1",
-        },
+          id: "p1",          name: "Abstract Fluids",          price: "2024",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-cinematic-abstract-3d-render-showcasin-1775197881067-7d77cffa.png?_wi=1"},
         {
-          id: "p2",
-          name: "Typography Motion",
-          price: "2023",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-sleek-digital-animation-frame-featurin-1775197879538-063d9270.png?_wi=1",
-        },
+          id: "p2",          name: "Typography Motion",          price: "2023",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-sleek-digital-animation-frame-featurin-1775197879538-063d9270.png?_wi=1"},
         {
-          id: "p3",
-          name: "Isometric Worlds",
-          price: "2023",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/3d-isometric-abstract-shapes-interacting-1775197880418-b53de38b.png",
-        },
+          id: "p3",          name: "Isometric Worlds",          price: "2023",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/3d-isometric-abstract-shapes-interacting-1775197880418-b53de38b.png"},
         {
-          id: "p4",
-          name: "Particle Simulation",
-          price: "2024",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-fluid-particles-simulation-in-3-1775197880266-18b7f662.png",
-        },
+          id: "p4",          name: "Particle Simulation",          price: "2024",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-fluid-particles-simulation-in-3-1775197880266-18b7f662.png"},
         {
-          id: "p5",
-          name: "Geometric Drift",
-          price: "2022",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/minimalist-geometric-motion-art-floating-1775197879857-0304bbf2.png",
-        },
+          id: "p5",          name: "Geometric Drift",          price: "2022",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/minimalist-geometric-motion-art-floating-1775197879857-0304bbf2.png"},
         {
-          id: "p6",
-          name: "Light Trails",
-          price: "2022",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-dynamic-light-trail-composition-clean--1775197880319-3229b310.png",
-        },
+          id: "p6",          name: "Light Trails",          price: "2022",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-dynamic-light-trail-composition-clean--1775197880319-3229b310.png"},
       ]}
       title="Selected Projects"
       description="A curated collection of motion works and design experiments."
@@ -125,37 +93,13 @@ export default function LandingPage() {
       description="Hear what partners and collaborators say about my creative approach."
       testimonials={[
         {
-          id: "t1",
-          name: "Elena Vance",
-          role: "Creative Director",
-          testimonial: "Romet brings a unique level of precision to every animation. His attention to detail is unmatched in the industry.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-high-end-abstract-3d-motion-graphic-co-1775197879508-81b13a10.png?_wi=2",
-          imageAlt: "A high-end, abstract 3D motion graphic composition in deep blacks and icy blues, featuring floating ",
-        },
+          id: "t1",          name: "Elena Vance",          role: "Creative Director",          testimonial: "Romet brings a unique level of precision to every animation. His attention to detail is unmatched in the industry.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-high-end-abstract-3d-motion-graphic-co-1775197879508-81b13a10.png?_wi=2",          imageAlt: "A high-end, abstract 3D motion graphic composition in deep blacks and icy blues, featuring floating "},
         {
-          id: "t2",
-          name: "Marcus Thorne",
-          role: "Brand Strategist",
-          testimonial: "Working with Romet was a highlight of our rebrand. He understands the balance between aesthetics and functionality perfectly.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-professional-portrait-of-a-motion-desi-1775197880217-35de7297.png",
-          imageAlt: "A professional portrait of a motion designer, high key lighting, clean background, modern profession",
-        },
+          id: "t2",          name: "Marcus Thorne",          role: "Brand Strategist",          testimonial: "Working with Romet was a highlight of our rebrand. He understands the balance between aesthetics and functionality perfectly.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-professional-portrait-of-a-motion-desi-1775197880217-35de7297.png",          imageAlt: "A professional portrait of a motion designer, high key lighting, clean background, modern profession"},
         {
-          id: "t3",
-          name: "Sarah Jenkins",
-          role: "Producer",
-          testimonial: "Consistently delivers high-quality assets on tight deadlines. A true professional who elevates every project he touches.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-cinematic-abstract-3d-render-showcasin-1775197881067-7d77cffa.png?_wi=2",
-          imageAlt: "A cinematic abstract 3D render showcasing motion graphic fluid shapes, dark background, neon blue hi",
-        },
+          id: "t3",          name: "Sarah Jenkins",          role: "Producer",          testimonial: "Consistently delivers high-quality assets on tight deadlines. A true professional who elevates every project he touches.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-cinematic-abstract-3d-render-showcasin-1775197881067-7d77cffa.png?_wi=2",          imageAlt: "A cinematic abstract 3D render showcasing motion graphic fluid shapes, dark background, neon blue hi"},
         {
-          id: "t4",
-          name: "David Wu",
-          role: "UI/UX Lead",
-          testimonial: "His motion design work on our product launch was game-changing. Truly elevated our interface interaction design.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-sleek-digital-animation-frame-featurin-1775197879538-063d9270.png?_wi=2",
-          imageAlt: "A sleek digital animation frame featuring typographic motion graphics, clean sans-serif font, dark a",
-        },
+          id: "t4",          name: "David Wu",          role: "UI/UX Lead",          testimonial: "His motion design work on our product launch was game-changing. Truly elevated our interface interaction design.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-sleek-digital-animation-frame-featurin-1775197879538-063d9270.png?_wi=2",          imageAlt: "A sleek digital animation frame featuring typographic motion graphics, clean sans-serif font, dark a"},
       ]}
     />
   </div>
@@ -164,60 +108,44 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Get in touch"
       title="Let's collaborate."
       description="Always open to new motion graphic projects and creative challenges."
       buttons={[
         {
-          text: "Send Email",
-          href: "mailto:romet@example.com",
-        },
+          text: "Send Email",          href: "mailto:romet@example.com"},
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-clean-dark-and-minimalist-motion-graph-1775197880074-1c9f91c3.png"
+      <FooterBase
+      logoText="Romet Kriks"
+      copyrightText="© 2025 Romet Kriks. All rights reserved."
       columns={[
         {
-          title: "Navigation",
-          items: [
+          title: "Navigation",          items: [
             {
-              label: "Work",
-              href: "#work",
-            },
+              label: "Work",              href: "#work"},
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Social",
-          items: [
+          title: "Social",          items: [
             {
-              label: "Instagram",
-              href: "#",
-            },
+              label: "Instagram",              href: "#"},
             {
-              label: "Twitter",
-              href: "#",
-            },
+              label: "Twitter",              href: "#"},
           ],
         },
       ]}
-      logoText="Romet Kriks"
-      copyrightText="© 2025 Romet Kriks. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}