Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -5,8 +5,8 @@ import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -32,38 +32,25 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "About", id: "#about" },
+        { name: "Features", id: "#features" },
+        { name: "Pricing", id: "#pricing" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="NEXUS"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="NEXUS Automations"
+      <HeroBillboard
+      title="NEXUS Automations"
       description="Transforming complex workflows into intelligent, autonomous systems. Scale your operations with next-generation AI automation."
       buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
+        { text: "Get Started", href: "#contact" },
       ]}
+      background={{ variant: "cell-wave" }}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-geometric-background-with-futuristic-design_1048-5529.jpg?_wi=1"
+      imageAlt="NEXUS Automations Hero"
     />
   </div>
 
@@ -71,53 +58,22 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "The Future of",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/teamworking-colleagues-updating-ai-systems-pc-laptop_482257-118498.jpg",
-          alt: "AI Network",
-        },
-        {
-          type: "text",
-          content: "Autonomous Operations",
-        },
+        { type: "text", content: "The Future of" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/teamworking-colleagues-updating-ai-systems-pc-laptop_482257-118498.jpg", alt: "AI Network" },
+        { type: "text", content: "Autonomous Operations" },
       ]}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardTwentySeven
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          id: "f1",
-          title: "Rapid Deployment",
-          descriptions: [
-            "Automate in days, not months.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection-flat-style_23-2147869044.jpg",
-        },
-        {
-          id: "f2",
-          title: "Data Accuracy",
-          descriptions: [
-            "Real-time synchronization across platforms.",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o8hiyc",
-        },
-        {
-          id: "f3",
-          title: "Scalable Infrastructure",
-          descriptions: [
-            "Built to grow alongside your business.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/data-storage-designs-collection_1209-9.jpg",
-        },
+        { id: "f1", title: "Rapid Deployment", descriptions: ["Automate in days, not months."], imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection-flat-style_23-2147869044.jpg" },
+        { id: "f2", title: "Data Accuracy", descriptions: ["Real-time synchronization across platforms."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o8hiyc" },
+        { id: "f3", title: "Scalable Infrastructure", descriptions: ["Built to grow alongside your business."], imageSrc: "http://img.b2bpic.net/free-vector/data-storage-designs-collection_1209-9.jpg" },
       ]}
       title="Why Choose NEXUS"
       description="Unrivaled expertise in integrating AI across your tech stack."
@@ -126,32 +82,14 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardOne
-      animationType="slide-up"
+      animationType="depth-3d"
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "85%",
-          title: "Efficiency Gain",
-          description: "Average workflow acceleration.",
-          icon: Zap,
-        },
-        {
-          id: "m2",
-          value: "100+",
-          title: "Workflows Built",
-          description: "Custom automations deployed.",
-          icon: Database,
-        },
-        {
-          id: "m3",
-          value: "$2M+",
-          title: "Cost Saved",
-          description: "Operational costs recovered.",
-          icon: DollarSign,
-        },
+        { id: "m1", value: "85%", title: "Efficiency Gain", description: "Average workflow acceleration.", icon: Zap },
+        { id: "m2", value: "100+", title: "Workflows Built", description: "Custom automations deployed.", icon: Database },
+        { id: "m3", value: "$2M+", title: "Cost Saved", description: "Operational costs recovered.", icon: DollarSign },
       ]}
       title="Impact by the Numbers"
       description="Proven results for high-growth enterprises."
@@ -160,57 +98,24 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardNine
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={true}
       plans={[
         {
-          id: "p1",
-          title: "Starter",
-          price: "$2,500",
-          period: "/mo",
-          features: [
-            "5 Automations",
-            "Basic Support",
-            "Dashboard",
-          ],
-          button: {
-            text: "Choose Starter",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-blue-red-laser-lights-perfect-digital-wallpaper_181624-32774.jpg",
-          imageAlt: "Cosmic background with colorful blue and red laser lights - perfect for a digital wallpaper",
+          id: "p1", title: "Starter", price: "$2,500", period: "/mo", features: ["5 Automations", "Basic Support", "Dashboard"],
+          button: { text: "Choose Starter" },
+          imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-blue-red-laser-lights-perfect-digital-wallpaper_181624-32774.jpg"
         },
         {
-          id: "p2",
-          title: "Professional",
-          price: "$5,000",
-          period: "/mo",
-          features: [
-            "20 Automations",
-            "Priority Support",
-            "Advanced Analytics",
-          ],
-          button: {
-            text: "Choose Pro",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-with-futuristic-design_1048-5529.jpg?_wi=2",
-          imageAlt: "Cosmic background with colorful blue and red laser lights - perfect for a digital wallpaper",
+          id: "p2", title: "Professional", price: "$5,000", period: "/mo", features: ["20 Automations", "Priority Support", "Advanced Analytics"],
+          button: { text: "Choose Pro" },
+          imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-with-futuristic-design_1048-5529.jpg?_wi=2"
         },
         {
-          id: "p3",
-          title: "Enterprise",
-          price: "Custom",
-          period: "/mo",
-          features: [
-            "Unlimited Automations",
-            "24/7 Dedicated Support",
-            "Custom API Integration",
-          ],
-          button: {
-            text: "Contact Us",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/teamworking-colleagues-updating-ai-systems-pc-laptop_482257-118498.jpg",
-          imageAlt: "Cosmic background with colorful blue and red laser lights - perfect for a digital wallpaper",
+          id: "p3", title: "Enterprise", price: "Custom", period: "/mo", features: ["Unlimited Automations", "24/7 Dedicated Support", "Custom API Integration"],
+          button: { text: "Contact Us" },
+          imageSrc: "http://img.b2bpic.net/free-photo/teamworking-colleagues-updating-ai-systems-pc-laptop_482257-118498.jpg"
         },
       ]}
       title="Transparent Scaling"
@@ -220,45 +125,15 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwo
-      animationType="slide-up"
+      animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Alice Wang",
-          role: "COO",
-          testimonial: "NEXUS transformed our ops overnight.",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
-        },
-        {
-          id: "t2",
-          name: "Bob Smith",
-          role: "CEO",
-          testimonial: "The best AI automation partner.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lady-with-dark-curly-hair-white-costume-sitting-table-with-laptop-dreamily-looking-aside-cafe-street_574295-3300.jpg",
-        },
-        {
-          id: "t3",
-          name: "Charlie Day",
-          role: "CTO",
-          testimonial: "Incredible speed and accuracy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg",
-        },
-        {
-          id: "t4",
-          name: "Diana Ross",
-          role: "PM",
-          testimonial: "Simplified our entire stack.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-painter-white-shirt-striped-t-shirt-sitting-floor-thoughtfully-looking-camera-while-drawing-by-watercolor-with-paint-tools-near-home_574295-3776.jpg",
-        },
-        {
-          id: "t5",
-          name: "Evan Wright",
-          role: "Founder",
-          testimonial: "Highly recommend their services.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg",
-        },
+        { id: "t1", name: "Alice Wang", role: "COO", testimonial: "NEXUS transformed our ops overnight.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg" },
+        { id: "t2", name: "Bob Smith", role: "CEO", testimonial: "The best AI automation partner.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lady-with-dark-curly-hair-white-costume-sitting-table-with-laptop-dreamily-looking-aside-cafe-street_574295-3300.jpg" },
+        { id: "t3", name: "Charlie Day", role: "CTO", testimonial: "Incredible speed and accuracy.", imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg" },
+        { id: "t4", name: "Diana Ross", role: "PM", testimonial: "Simplified our entire stack.", imageSrc: "http://img.b2bpic.net/free-photo/young-painter-white-shirt-striped-t-shirt-sitting-floor-thoughtfully-looking-camera-while-drawing-by-watercolor-with-paint-tools-near-home_574295-3776.jpg" },
+        { id: "t5", name: "Evan Wright", role: "Founder", testimonial: "Highly recommend their services.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg" },
       ]}
       title="Trusted by Innovators"
       description="See how we help leaders automate."
@@ -270,50 +145,38 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",
-          title: "What tools do you automate?",
-          content: "We support most SaaS tools and custom API integrations.",
-        },
-        {
-          id: "q2",
-          title: "How long does it take?",
-          content: "Most integrations are live within 2 weeks.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer support?",
-          content: "Yes, we provide continuous monitoring and updates.",
-        },
+        { id: "q1", title: "What tools do you automate?", content: "We support most SaaS tools and custom API integrations." },
+        { id: "q2", title: "How long does it take?", content: "Most integrations are live within 2 weeks." },
+        { id: "q3", title: "Do you offer support?", content: "Yes, we provide continuous monitoring and updates." },
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers here."
       faqsAnimation="slide-up"
+      animationType="smooth"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "cell-wave" }}
       text="Ready to transform your business? Get in touch with our team today."
-      buttons={[
-        {
-          text: "Schedule Consultation",
-        },
-      ]}
+      buttons={[{ text: "Schedule Consultation" }]}
+      animationType="background-highlight"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseCard
       logoText="NEXUS"
       copyrightText="© 2025 NEXUS Automations"
+      columns={[
+          { title: "Solutions", items: [{ label: "Automation", href: "#" }, { label: "AI Integration", href: "#" }] },
+          { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-archivo), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-archivo), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #050012;
-  --card: #040121;
-  --foreground: #f0e6ff;
-  --primary-cta: #c89bff;
+  --background: #020617;
+  --card: #0f172a;
+  --foreground: #e2e8f0;
+  --primary-cta: #c4d8f9;
   --primary-cta-text: #050012;
-  --secondary-cta: #1d123b;
+  --secondary-cta: #041633;
   --secondary-cta-text: #f0e6ff;
-  --accent: #684f7b;
-  --background-accent: #65417c;
+  --accent: #2d30f3;
+  --background-accent: #1d4ed8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);