Update src/app/contact/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,120 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import FeatureBento from '@/components/sections/feature/FeatureBento';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="mediumSizeLargeTitles"
+        background="fluid"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "Products", id: "/products" },
+              { name: "Solutions", id: "/#services" },
+              { name: "Showcase", id: "/#showcase" },
+              { name: "Process", id: "/#process" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EaCBg8IqA1RI2gpSxEL5UWFu1V/uploaded-1780407185220-1zawktjz.png"
+            logoAlt="LEVIAZ Logo"
+            brandName="LEVIAZ"
+            bottomLeftText="Innovation Driven"
+            bottomRightText="info@leviaz.ai"
+            button={{ text: "Get Started", href: "/contact" }}
+          />
+        </div>
+
+        <div id="about-story" data-section="about-story">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: 'text', content: "Our Journey: Igniting Innovation with AI" }
+            ]}
+          />
+        </div>
+
+        <div id="about-innovation" data-section="about-innovation">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            title="Driving the Future Through Innovation"
+            description="At LEVIAZ, we're not just adapting to the future; we're building it. Our commitment to cutting-edge AI and advanced technologies sets us apart."
+            features={[
+              {
+                title: "Our Growth Timeline",                description: "From concept to a leading AI solutions provider, our journey is marked by continuous innovation and client success.",                bentoComponent: "timeline",                heading: "LEVIAZ Milestones",                subheading: "A history of pioneering AI solutions.",                items: [
+                  { label: "2020", detail: "Founded LEVIAZ, focusing on AI research & development." },
+                  { label: "2021", detail: "Launched first successful AI automation product." },
+                  { label: "2022", detail: "Expanded to custom SaaS development and premium web solutions." }
+                ],
+                completedLabel: "Future Milestones"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "Home", href: "/" },
+                  { label: "About Us", href: "/about" },
+                  { label: "Our Vision", href: "/about#vision" }
+                ]
+              },
+              {
+                title: "Solutions",                items: [
+                  { label: "AI Products", href: "/#services" },
+                  { label: "Automation", href: "/#services" },
+                  { label: "SaaS Development", href: "/#services" },
+                  { label: "Websites", href: "/#services" }
+                ]
+              },
+              {
+                title: "Resources",                items: [
+                  { label: "Products", href: "/products" },
+                  { label: "Showcase", href: "/#showcase" },
+                  { label: "Process", href: "/#process" },
+                  { label: "Testimonials", href: "/#testimonials" },
+                  { label: "Portfolio", href: "/portfolio" }
+                ]
+              },
+              {
+                title: "Connect",                items: [
+                  { label: "Contact Us", href: "/contact" },
+                  { label: "LinkedIn", href: "https://linkedin.com/leviaz" },
+                  { label: "Twitter", href: "https://twitter.com/leviaz" }
+                ]
+              }
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EaCBg8IqA1RI2gpSxEL5UWFu1V/uploaded-1780407185220-1zawktjz.png"
+            logoAlt="LEVIAZ Logo"
+            logoText="LEVIAZ"
+            copyrightText="© 2024 LEVIAZ. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,107 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="mediumSizeLargeTitles"
+        background="fluid"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "Products", id: "/products" },
+              { name: "Solutions", id: "/#services" },
+              { name: "Showcase", id: "/#showcase" },
+              { name: "Process", id: "/#process" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EaCBg8IqA1RI2gpSxEL5UWFu1V/uploaded-1780407185220-1zawktjz.png"
+            logoAlt="LEVIAZ Logo"
+            brandName="LEVIAZ"
+            bottomLeftText="Innovation Driven"
+            bottomRightText="info@leviaz.ai"
+            button={{ text: "Get Started", href: "/contact" }}
+          />
+        </div>
+
+        <div id="contact-form-section" data-section="contact-form-section">
+          <ContactSplit
+            tag="Get in Touch"
+            title="Contact Our Team"
+            description="Fill out the form below to get in touch with us. We're here to help you transform your business with AI."
+            inputPlaceholder="Your Email"
+            buttonText="Send Message"
+            termsText="By clicking Send Message you're confirming that you agree with our Terms and Conditions."
+            onSubmit={(email) => console.log("Email submitted:", email)}
+            background={{ variant: "radial-gradient" }}
+            useInvertedBackground={true}
+            imageSrc="http://img.b2bpic.net/free-photo/abstract-data-background-vector_53876-132223.jpg"
+            imageAlt="Abstract data background"
+            mediaPosition="right"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "Home", href: "/" },
+                  { label: "About Us", href: "/about" },
+                  { label: "Our Vision", href: "/about#vision" }
+                ]
+              },
+              {
+                title: "Solutions",                items: [
+                  { label: "AI Products", href: "/#services" },
+                  { label: "Automation", href: "/#services" },
+                  { label: "SaaS Development", href: "/#services" },
+                  { label: "Websites", href: "/#services" }
+                ]
+              },
+              {
+                title: "Resources",                items: [
+                  { label: "Products", href: "/products" },
+                  { label: "Showcase", href: "/#showcase" },
+                  { label: "Process", href: "/#process" },
+                  { label: "Testimonials", href: "/#testimonials" },
+                  { label: "Portfolio", href: "/portfolio" }
+                ]
+              },
+              {
+                title: "Connect",                items: [
+                  { label: "Contact Us", href: "/contact" },
+                  { label: "LinkedIn", href: "https://linkedin.com/leviaz" },
+                  { label: "Twitter", href: "https://twitter.com/leviaz" }
+                ]
+              }
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EaCBg8IqA1RI2gpSxEL5UWFu1V/uploaded-1780407185220-1zawktjz.png"
+            logoAlt="LEVIAZ Logo"
+            logoText="LEVIAZ"
+            copyrightText="© 2024 LEVIAZ. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -17,14 +17,14 @@ import { Sparkles } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-stagger"
+        defaultButtonVariant="directional-hover"
         defaultTextAnimation="background-highlight"
         borderRadius="soft"
         contentWidth="mediumSmall"
         sizing="mediumSizeLargeTitles"
         background="fluid"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="double-inset"
+        cardStyle="glass-depth"
+        primaryButtonStyle="radial-glow"
         secondaryButtonStyle="solid"
         headingFontWeight="extrabold"
     >
@@ -35,15 +35,15 @@ export default function LandingPage() {
         {
           name: "Home",          id: "/"},
         {
-          name: "Solutions",          id: "#services"},
+          name: "Solutions",          id: "/#services"},
         {
-          name: "Showcase",          id: "#showcase"},
+          name: "Showcase",          id: "/#showcase"},
         {
-          name: "Process",          id: "#process"},
+          name: "Process",          id: "/#process"},
         {
-          name: "Testimonials",          id: "#testimonials"},
+          name: "Testimonials",          id: "/#testimonials"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Contact",          id: "/contact"},
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EaCBg8IqA1RI2gpSxEL5UWFu1V/uploaded-1780407185220-1zawktjz.png"
       logoAlt="LEVIAZ Logo"
@@ -51,7 +51,7 @@ export default function LandingPage() {
       bottomLeftText="Innovation Driven"
       bottomRightText="info@leviaz.ai"
       button={{
-        text: "Get Started",        href: "#contact"}}
+        text: "Get Started",        href: "/contact"}}
     />
   </div>
 
@@ -63,9 +63,9 @@ export default function LandingPage() {
       description="AI-powered products, automation systems, and next-generation websites built to accelerate growth."
       buttons={[
         {
-          text: "Start Your Transformation",          href: "#contact"},
+          text: "Start Your Transformation",          href: "/contact"},
         {
-          text: "View Our Solutions",          href: "#services"},
+          text: "View Our Solutions",          href: "/#services"},
       ]}
       mediaItems={[
         {
@@ -129,7 +129,7 @@ export default function LandingPage() {
           id: "leviaz-plan",          badge: "Future-Proof",          badgeIcon: Sparkles,
           price: "Unmatched Value",          name: "LEVIAZ",          buttons: [
             {
-              text: "Discover LEVIAZ",              href: "#"},
+              text: "Discover LEVIAZ",              href: "/"},
           ],
           features: [
             "✓ AI-first Approach",            "✓ Faster Delivery",            "✓ Automation Included",            "✓ Scalable Architecture",            "✓ Premium UX"],
@@ -137,7 +137,7 @@ export default function LandingPage() {
         {
           id: "others-plan",          badge: "Legacy Systems",          price: "High Overhead",          name: "Traditional Agencies",          buttons: [
             {
-              text: "Compare",              href: "#"},
+              text: "Compare",              href: "/"},
           ],
           features: [
             "✗ Slow Processes",            "✗ Manual Workflows",            "✗ Generic Websites",            "✗ Limited Innovation",            "✗ Standard UX"],
@@ -227,7 +227,7 @@ export default function LandingPage() {
       text="Ready to Build the Future? Partner with LEVIAZ and transform your business through intelligent technology."
       buttons={[
         {
-          text: "Book a Free Strategy Call",          href: "#"},
+          text: "Book a Free Strategy Call",          href: "/contact"},
       ]}
     />
   </div>
@@ -238,39 +238,35 @@ export default function LandingPage() {
         {
           title: "Company",          items: [
             {
-              label: "Home",              href: "#"},
-            {
-              label: "About Us",              href: "#about"},
-            {
-              label: "Our Vision",              href: "#vision"},
+              label: "Home",              href: "/"},
           ],
         },
         {
           title: "Solutions",          items: [
             {
-              label: "AI Products",              href: "#services"},
+              label: "AI Products",              href: "/#services"},
             {
-              label: "Automation",              href: "#services"},
+              label: "Automation",              href: "/#services"},
             {
-              label: "SaaS Development",              href: "#services"},
+              label: "SaaS Development",              href: "/#services"},
             {
-              label: "Websites",              href: "#services"},
+              label: "Websites",              href: "/#services"},
           ],
         },
         {
           title: "Resources",          items: [
             {
-              label: "Showcase",              href: "#showcase"},
+              label: "Showcase",              href: "/#showcase"},
             {
-              label: "Process",              href: "#process"},
+              label: "Process",              href: "/#process"},
             {
-              label: "Testimonials",              href: "#testimonials"},
+              label: "Testimonials",              href: "/#testimonials"},
           ],
         },
         {
           title: "Connect",          items: [
             {
-              label: "Contact Us",              href: "#contact"},
+              label: "Contact Us",              href: "/contact"},
             {
               label: "LinkedIn",              href: "https://linkedin.com/leviaz"},
             {

src/app/portfolio/page.tsx

@@ -0,0 +1,119 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function PortfolioPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="mediumSizeLargeTitles"
+        background="fluid"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "About", id: "/about" },
+              { name: "Solutions", id: "#services" },
+              { name: "Showcase", id: "#showcase" },
+              { name: "Process", id: "#process" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EaCBg8IqA1RI2gpSxEL5UWFu1V/uploaded-1780407185220-1zawktjz.png"
+            logoAlt="LEVIAZ Logo"
+            brandName="LEVIAZ"
+            bottomLeftText="Innovation Driven"
+            bottomRightText="info@leviaz.ai"
+            button={{ text: "Get Started", href: "/contact" }}
+          />
+        </div>
+
+        <div id="portfolio-showcase" data-section="portfolio-showcase">
+          <ProductCardFour
+            textboxLayout="default"
+            gridVariant="bento-grid-inverted"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            title="Premium Project Showcases"
+            description="Explore our featured projects, meticulously crafted to deliver exceptional results and innovative solutions."
+            products={[
+              {
+                id: "project-1",                name: "AI-Powered Analytics Platform",                price: "",                variant: "",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/project_mockup_desktop.png",                imageAlt: "Desktop mockup of AI analytics platform",                onProductClick: () => alert('View Case Study for AI Analytics Platform')
+              },
+              {
+                id: "project-2",                name: "Smart Home Automation App",                price: "",                variant: "",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/project_mockup_mobile.png",                imageAlt: "Mobile mockup of smart home automation app",                onProductClick: () => alert('View Case Study for Smart Home Automation App')
+              },
+              {
+                id: "project-3",                name: "E-commerce AI Personalization",                price: "",                variant: "",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/project_mockup_tablet.png",                imageAlt: "Tablet mockup of e-commerce AI personalization",                onProductClick: () => alert('View Case Study for E-commerce AI Personalization')
+              },
+              {
+                id: "project-4",                name: "Logistics Optimization System",                price: "",                variant: "",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/project_mockup_desktop_2.png",                imageAlt: "Desktop mockup of logistics optimization system",                onProductClick: () => alert('View Case Study for Logistics Optimization System')
+              },
+              {
+                id: "project-5",                name: "Healthcare AI Diagnostic Tool",                price: "",                variant: "",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/project_mockup_mobile_2.png",                imageAlt: "Mobile mockup of healthcare AI diagnostic tool",                onProductClick: () => alert('View Case Study for Healthcare AI Diagnostic Tool')
+              },
+              {
+                id: "project-6",                name: "Fintech Fraud Detection",                price: "",                variant: "",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/project_mockup_tablet_2.png",                imageAlt: "Tablet mockup of fintech fraud detection",                onProductClick: () => alert('View Case Study for Fintech Fraud Detection')
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "Home", href: "/" },
+                  { label: "About Us", href: "/about" },
+                  { label: "Our Vision", href: "/about#vision" },
+                ],
+              },
+              {
+                title: "Solutions",                items: [
+                  { label: "AI Products", href: "/#services" },
+                  { label: "Automation", href: "/#services" },
+                  { label: "SaaS Development", href: "/#services" },
+                  { label: "Websites", href: "/#services" },
+                ],
+              },
+              {
+                title: "Resources",                items: [
+                  { label: "Showcase", href: "/#showcase" },
+                  { label: "Process", href: "/#process" },
+                  { label: "Testimonials", href: "/#testimonials" },
+                  { label: "Portfolio", href: "/portfolio" }
+                ],
+              },
+              {
+                title: "Connect",                items: [
+                  { label: "Contact Us", href: "/contact" },
+                  { label: "LinkedIn", href: "https://linkedin.com/leviaz" },
+                  { label: "Twitter", href: "https://twitter.com/leviaz" },
+                ],
+              },
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EaCBg8IqA1RI2gpSxEL5UWFu1V/uploaded-1780407185220-1zawktjz.png"
+            logoAlt="LEVIAZ Logo"
+            logoText="LEVIAZ"
+            copyrightText="© 2024 LEVIAZ. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/products/page.tsx

@@ -0,0 +1,133 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="mediumSizeLargeTitles"
+        background="fluid"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "/products" },
+              { name: "Solutions", id: "/#services" },
+              { name: "Showcase", id: "/#showcase" },
+              { name: "Process", id: "/#process" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "Contact", id: "/#contact" }
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EaCBg8IqA1RI2gpSxEL5UWFu1V/uploaded-1780407185220-1zawktjz.png"
+            logoAlt="LEVIAZ Logo"
+            brandName="LEVIAZ"
+            bottomLeftText="Innovation Driven"
+            bottomRightText="info@leviaz.ai"
+            button={{ text: "Get Started", href: "/#contact" }}
+          />
+        </div>
+
+        <div id="products-section" data-section="products-section">
+            <ProductCardThree
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            title="Our AI-Powered Product Ecosystem"
+            description="Explore our suite of innovative SaaS products designed to streamline your operations, enhance decision-making, and drive sustainable growth. Each product is engineered with cutting-edge AI to deliver unparalleled efficiency and intelligence."
+            products={[
+              {
+                id: "ai-suite",                name: "LEVIAZ AI Suite: Intelligent Automation",                price: "Starting at $99/month",                imageSrc: "http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-124253.jpg",                imageAlt: "AI Automation Suite"
+              },
+              {
+                id: "data-insights",                name: "LEVIAZ Data Insights: Predictive Analytics",                price: "Starting at $149/month",                imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913296.jpg",                imageAlt: "Data Insights Platform"
+              },
+              {
+                id: "workflow-optimizer",                name: "LEVIAZ Workflow Optimizer: Smart Process AI",                price: "Starting at $79/month",                imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg",                imageAlt: "Workflow Optimizer Interface"
+              },
+              {
+                id: "customer-ai",                name: "LEVIAZ Customer AI: Personalized Engagement",                price: "Starting at $129/month",                imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg",                imageAlt: "Customer AI Dashboard"
+              },
+              {
+                id: "security-copilot",                name: "LEVIAZ Security Copilot: Proactive Threat Detection",                price: "Starting at $199/month",                imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineers-uses-artificial-intelligence-identify-hardware-failures_482257-124129.jpg",                imageAlt: "AI Security Dashboard"
+              },
+              {
+                id: "api-hub",                name: "LEVIAZ API Hub: Seamless Integrations",                price: "Custom Pricing",                imageSrc: "http://img.b2bpic.net/free-photo/view-3d-gaming-device_23-2151005796.jpg",                imageAlt: "API Integration Interface"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBase
+            columns={[
+              {
+                title: "Company",          items: [
+                  {
+                    label: "Home",              href: "/"},
+                  {
+                    label: "About Us",              href: "/#about"},
+                  {
+                    label: "Our Vision",              href: "/#vision"}
+                ]
+              },
+              {
+                title: "Solutions",          items: [
+                  {
+                    label: "AI Products",              href: "/#services"},
+                  {
+                    label: "Automation",              href: "/#services"},
+                  {
+                    label: "SaaS Development",              href: "/#services"},
+                  {
+                    label: "Websites",              href: "/#services"}
+                ]
+              },
+              {
+                title: "Resources",          items: [
+                  {
+                    label: "Products", href: "/products"
+                  },
+                  {
+                    label: "Showcase",              href: "/#showcase"},
+                  {
+                    label: "Process",              href: "/#process"},
+                  {
+                    label: "Testimonials",              href: "/#testimonials"}
+                ]
+              },
+              {
+                title: "Connect",          items: [
+                  {
+                    label: "Contact Us",              href: "/#contact"},
+                  {
+                    label: "LinkedIn",              href: "https://linkedin.com/leviaz"},
+                  {
+                    label: "Twitter",              href: "https://twitter.com/leviaz"}
+                ]
+              }
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EaCBg8IqA1RI2gpSxEL5UWFu1V/uploaded-1780407185220-1zawktjz.png"
+            logoAlt="LEVIAZ Logo"
+            logoText="LEVIAZ"
+            copyrightText="© 2024 LEVIAZ. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}