Merge version_7 into main

Merge version_7 into main

src/app/ai-platforms/page.tsx

@@ -0,0 +1,171 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import { Cloud, Code2, Globe, Target, Palette, Sparkles } from "lucide-react";
+
+export default function AiPlatformsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="mediumLargeSizeMediumTitles"
+        background="noise"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "Services",          id: "services"},
+              {
+                name: "Platforms",          id: "platforms"},
+              {
+                name: "AI Platforms",          id: "/ai-platforms"},
+              {
+                name: "Workflow Automation",          id: "/workflow-automation"},
+              {
+                name: "Data Systems",          id: "/data-systems"},
+              {
+                name: "Case Studies",          id: "case-studies"},
+              {
+                name: "About",          id: "about"},
+              {
+                name: "Contact",          id: "contact"},
+            ]}
+            brandName="AERRATRIC TECHNOLOGY INC"
+          />
+        </div>
+
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{
+              variant: "radial-gradient"}}
+            imagePosition="right"
+            title="Revolutionary AI Platforms for Smarter Operations"
+            description="Leverage cutting-edge artificial intelligence to transform your business processes, enhance decision-making, and unlock new levels of efficiency."
+            kpis={[
+              {
+                value: "Intelligent Automation",          label: "AI-Powered Efficiency"},
+              {
+                value: "Predictive Analytics",          label: "Forward-Looking Insights"},
+              {
+                value: "Machine Learning",          label: "Continuous Improvement"},
+            ]}
+            enableKpiAnimation={true}
+            buttons={[
+              {
+                text: "Explore AI Solutions",          href: "/#contact"},
+              {
+                text: "Get a Demo",          href: "mailto:hello@aerrartictechnology.com"},
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRQDoIB9NyK61wKPrMx774LuGA/a-clean-ui-mockup-for-ai-integrations-sh-1774469591777-e54e3a7a.png"
+            imageAlt="AI Platforms UI mockup"
+            mediaAnimation="slide-up"
+          />
+        </div>
+
+        <div id="ai-features" data-section="ai-features">
+          <FeatureHoverPattern
+            animationType="scale-rotate"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              {
+                icon: Sparkles,
+                title: "Advanced Machine Learning",                description: "Implement sophisticated ML models for complex data analysis and pattern recognition."
+              },
+              {
+                icon: Globe,
+                title: "Natural Language Processing",                description: "Enable computers to understand, interpret, and generate human language with ease."
+              },
+              {
+                icon: Target,
+                title: "Computer Vision",                description: "Empower systems to interpret and make sense of visual information from the world."
+              },
+              {
+                icon: Code2,
+                title: "Data-driven Insights",                description: "Transform raw data into actionable intelligence with powerful AI analytics."
+              },
+              {
+                icon: Cloud,
+                title: "Scalable AI Infrastructure",                description: "Build and deploy AI solutions on robust, elastic cloud infrastructure."
+              },
+            ]}
+            title="Core AI Capabilities"
+            description="Our AI platforms are built on a foundation of advanced technologies designed to deliver intelligent and impactful solutions."
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{
+              variant: "radial-gradient"}}
+            tag="Get Started"
+            title="Ready to Integrate AI into Your Business?"
+            description="Reach out to us to discover how our AI platforms can accelerate your digital transformation."
+            buttons={[
+              {
+                text: "Start Your AI Project",          href: "mailto:hello@aerrartictechnology.com"}
+            ]}
+            buttonAnimation="slide-up"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              {
+                title: "Company",          items: [
+                  {
+                    label: "About Us",              href: "/#about"},
+                  {
+                    label: "Services",              href: "/#services"},
+                  {
+                    label: "Case Studies",              href: "/#case-studies"},
+                ],
+              },
+              {
+                title: "Solutions",          items: [
+                  {
+                    label: "SaaS Platforms",              href: "/#platforms"},
+                  {
+                    label: "AI Platforms",              href: "/ai-platforms"},
+                  {
+                    label: "Workflow Automation",              href: "/workflow-automation"},
+                  {
+                    label: "Data Systems",              href: "/data-systems"},
+                  {
+                    label: "Cloud & DevOps",              href: "/#services"},
+                ],
+              },
+              {
+                title: "Contact",          items: [
+                  {
+                    label: "Get in Touch",              href: "/#contact"},
+                  {
+                    label: "hello@aerrartictechnology.com",              href: "mailto:hello@aerrartictechnology.com"},
+                  {
+                    label: "(866) 319-3883",              href: "tel:+18663193883"},
+                ],
+              },
+            ]}
+            copyrightText="© 2024 AERRATRIC TECHNOLOGY INC. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/cloud-devops/page.tsx

@@ -0,0 +1,170 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import { Server, Zap, Shield, GitBranch, Settings } from "lucide-react";
+
+export default function CloudDevOpsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="mediumLargeSizeMediumTitles"
+        background="noise"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "Services",                id: "services"},
+              {
+                name: "Platforms",                id: "platforms"},
+              {
+                name: "Cloud & DevOps",                id: "/cloud-devops"},
+              {
+                name: "Case Studies",                id: "case-studies"},
+              {
+                name: "About",                id: "about"},
+              {
+                name: "Contact",                id: "contact"},
+              {
+                name: "Privacy Policy",                id: "/privacy-policy"},
+              {
+                name: "Terms of Service",                id: "/terms-of-service"},
+            ]}
+            brandName="AERRATRIC TECHNOLOGY INC"
+          />
+        </div>
+
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{
+              variant: "radial-gradient"}}
+            imagePosition="right"
+            title="Cloud & DevOps: Building Resilient and Scalable Infrastructure"
+            description="Optimize your development lifecycle and deploy with confidence. Our Cloud & DevOps solutions ensure robust, automated, and secure operations."
+            kpis={[
+              {
+                value: "CI/CD",                label: "Automation"},
+              {
+                value: "Scalability",                label: "Elasticity"},
+              {
+                value: "Security",                label: "Compliance"},
+            ]}
+            enableKpiAnimation={true}
+            buttons={[
+              {
+                text: "Get Started",                href: "#contact"},
+              {
+                text: "Explore Services",                href: "#services"},
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BRQDoIB9NyK61wKPrMx774LuGA/an-abstract-visual-representing-cloud-inf-1774469591098-59167e7b.png?_wi=2"
+            imageAlt="Abstract visual representing cloud infrastructure"
+            mediaAnimation="slide-up"
+          />
+        </div>
+
+        <div id="services" data-section="services">
+          <FeatureHoverPattern
+            animationType="scale-rotate"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              {
+                icon: Server,
+                title: "Scalable Infrastructure",                description: "Design and implement robust, cloud-native architectures that scale with your business needs."},
+              {
+                icon: GitBranch,
+                title: "CI/CD Pipelines",                description: "Automate your build, test, and deployment processes for faster, more reliable software delivery."},
+              {
+                icon: Zap,
+                title: "Containerization & Orchestration",                description: "Leverage Docker and Kubernetes for efficient application deployment, management, and scaling."},
+              {
+                icon: Settings,
+                title: "Monitoring & Logging",                description: "Implement comprehensive monitoring and logging solutions for real-time performance insights and proactive issue detection."},
+              {
+                icon: Shield,
+                title: "Security & Compliance",                description: "Ensure your cloud environment is secure and compliant with industry standards and best practices."},
+            ]}
+            title="Our Cloud & DevOps Expertise"
+            description="We empower your business with advanced cloud infrastructure and agile development practices, driving efficiency and innovation."
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{
+              variant: "radial-gradient"}}
+            tag="Get in Touch"
+            title="Ready to Elevate Your Cloud Strategy?"
+            description="Connect with us to discuss how our Cloud & DevOps solutions can transform your operations."
+            buttons={[
+              {
+                text: "Start Your Project",                href: "mailto:hello@aerrartictechnology.com"}
+            ]}
+            buttonAnimation="slide-up"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              {
+                title: "Company",                items: [
+                  {
+                    label: "About Us",                    href: "/about"},
+                  {
+                    label: "Services",                    href: "/services"},
+                  {
+                    label: "Case Studies",                    href: "/case-studies"},
+                ],
+              },
+              {
+                title: "Solutions",                items: [
+                  {
+                    label: "SaaS Platforms",                    href: "/platforms#saas-platforms"},
+                  {
+                    label: "AI & Automation",                    href: "/platforms#ai-integrations"},
+                  {
+                    label: "Cloud & DevOps",                    href: "/cloud-devops"},
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  {
+                    label: "Privacy Policy",                    href: "/privacy-policy"},
+                  {
+                    label: "Terms of Service",                    href: "/terms-of-service"},
+                ],
+              },
+              {
+                title: "Contact",                items: [
+                  {
+                    label: "Get in Touch",                    href: "/contact"},
+                  {
+                    label: "hello@aerrartictechnology.com",                    href: "mailto:hello@aerrartictechnology.com"},
+                  {
+                    label: "(866) 319-3883",                    href: "tel:+18663193883"},
+                ],
+              },
+            ]}
+            copyrightText="© 2024 AERRATRIC TECHNOLOGY INC. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Cloud, Code2, Globe, Layout, Sparkles } from "lucide-react";
+import { Cloud, Code2, Globe, Target, Palette, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -36,12 +36,18 @@ export default function LandingPage() {
           name: "Services",          id: "services"},
         {
           name: "Platforms",          id: "platforms"},
+        {
+          name: "Cloud & DevOps",          id: "/cloud-devops"},
         {
           name: "Case Studies",          id: "case-studies"},
         {
           name: "About",          id: "about"},
         {
           name: "Contact",          id: "contact"},
+        {
+          name: "Privacy Policy",          id: "/privacy-policy"},
+        {
+          name: "Terms of Service",          id: "/terms-of-service"},
       ]}
       brandName="AERRATRIC TECHNOLOGY INC"
     />
@@ -98,10 +104,10 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          icon: Layout,
+          icon: Target,
           title: "Strategy",          description: "Defining clear roadmaps and innovative solutions that align with your long-term business objectives."},
         {
-          icon: Layout,
+          icon: Palette,
           title: "Product Design",          description: "Crafting intuitive, engaging, and high-performing digital products with user-centric design principles."},
         {
           icon: Code2,
@@ -113,7 +119,7 @@ export default function LandingPage() {
           icon: Sparkles,
           title: "AI & Automation",          description: "Integrating intelligent automation and AI solutions to enhance efficiency, drive insights, and unlock new capabilities."},
       ]}
-      title="Our Expert Services"
+      title="Strategic Services for Your Digital Growth"
       description="Leveraging technology, intelligence, and structure for your organic growth across every stage of your digital journey."
     />
   </div>
@@ -245,7 +251,15 @@ export default function LandingPage() {
             {
               label: "AI & Automation",              href: "/platforms#ai-integrations"},
             {
-              label: "Cloud & DevOps",              href: "/services#cloud-devops"},
+              label: "Cloud & DevOps",              href: "/cloud-devops"},
+          ],
+        },
+        {
+          title: "Legal",          items: [
+            {
+              label: "Privacy Policy",              href: "/privacy-policy"},
+            {
+              label: "Terms of Service",              href: "/terms-of-service"},
           ],
         },
         {
@@ -259,7 +273,7 @@ export default function LandingPage() {
           ],
         },
       ]}
-      copyrightText="© 2023 AERRATRIC TECHNOLOGY INC. All rights reserved."
+      copyrightText="© 2024 AERRATRIC TECHNOLOGY INC. All rights reserved."
     />
   </div>
       </ReactLenis>