Update src/app/solutions/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Solutions", id: "/solutions" },
+              { name: "Contact", id: "/contact" },
+              { name: "Impact", id: "/impact" },
+            ]}
+            brandName="Next Horizon"
+          />
+        </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            heading={[
+              { type: "text", content: "About Our Mission" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252423.jpg" },
+            ]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Next Horizon"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/about" }] },
+              { title: "Solutions", items: [{ label: "Solutions", href: "/solutions" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Solutions", id: "/solutions" },
+              { name: "Contact", id: "/contact" },
+              { name: "Impact", id: "/impact" },
+            ]}
+            brandName="Next Horizon"
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Contact Us"
+            title="Get in Touch"
+            description="Ready to transform your business strategy? We are here to help."
+            buttons={[{ text: "Email Us", href: "mailto:hello@nexthorizon.com" }]}
+            background={{ variant: "radial-gradient" }}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Next Horizon"
+            columns={[{ title: "Company", items: [{ label: "Back to Home", href: "/" }] }]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/impact/page.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { TrendingUp, CheckCircle, Award } from "lucide-react";
+
+export default function ImpactPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Solutions", id: "/solutions" },
+              { name: "Contact", id: "/contact" },
+              { name: "Impact", id: "/impact" },
+            ]}
+            brandName="Next Horizon"
+          />
+        </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            metrics={[
+              { id: "m1", value: "40%", title: "Efficiency Gain", description: "Through AI process optimization.", icon: TrendingUp },
+              { id: "m2", value: "100%", title: "ESG Compliance", description: "Audit-ready reporting standards.", icon: CheckCircle },
+              { id: "m3", value: "2x", title: "Resource ROI", description: "Enhanced sustainable asset utilization.", icon: Award },
+            ]}
+            title="Our Measurable Impact"
+            description="We drive quantifiable progress for businesses globally."
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Next Horizon"
+            columns={[{ title: "Company", items: [{ label: "Back to Home", href: "/" }] }]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -30,22 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Solutions",
-          id: "features",
-        },
-        {
-          name: "Impact",
-          id: "metrics",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "about" },
+        { name: "Solutions", id: "features" },
+        { name: "Impact", id: "/impact" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Next Horizon"
     />
@@ -57,40 +45,19 @@ export default function LandingPage() {
       description="Integrating AI intelligence with robust ESG certifications to power your organization's next horizon of sustainable growth."
       tag="ESG + AI Strategy"
       buttons={[
-        {
-          text: "Explore Services",
-          href: "#features",
-        },
-        {
-          text: "Book Consultation",
-          href: "#contact",
-        },
+        { text: "Explore Services", href: "#features" },
+        { text: "Book Consultation", href: "/contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99694.jpg?_wi=1"
       imageAlt="Futuristic AI and ESG representation"
       showDimOverlay={true}
       tagIcon={Sparkles}
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg",
-          alt: "Team Member",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2148815600.jpg",
-          alt: "Team Member",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/bearded-male-eyeglasses-with-tattoo-his-arm-sits-chair-using-tablet-pc_613910-12168.jpg",
-          alt: "Team Member",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
-          alt: "Team Member",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
-          alt: "Team Member",
-        },
+        { src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg", alt: "Team Member" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2148815600.jpg", alt: "Team Member" },
+        { src: "http://img.b2bpic.net/free-photo/bearded-male-eyeglasses-with-tattoo-his-arm-sits-chair-using-tablet-pc_613910-12168.jpg", alt: "Team Member" },
+        { src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Team Member" },
+        { src: "http://img.b2bpic.net/close-up-businessman-with-tie_1098-2867.jpg", alt: "Team Member" },
       ]}
       avatarText="Trusted by 500+ global enterprises"
     />
@@ -100,26 +67,11 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "Defining New Horizons",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252423.jpg",
-          alt: "ESG and AI Consulting",
-        },
-        {
-          type: "text",
-          content: "for Sustainable Global Impact",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Our Mission",
-          href: "#",
-        },
+        { type: "text", content: "Defining New Horizons" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252423.jpg", alt: "ESG and AI Consulting" },
+        { type: "text", content: "for Sustainable Global Impact" },
       ]}
+      buttons={[{ text: "Our Mission", href: "#" }]}
     />
   </div>
 
@@ -129,21 +81,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          icon: Zap,
-          title: "Predictive ESG Compliance",
-          description: "Automated reporting and predictive auditing powered by AI.",
-        },
-        {
-          icon: Shield,
-          title: "Certification Strategy",
-          description: "Seamless roadmap to attain global ESG certifications.",
-        },
-        {
-          icon: Globe,
-          title: "Sustainable AI Transformation",
-          description: "Optimize resource allocation through smart technology integration.",
-        },
+        { icon: Zap, title: "Predictive ESG Compliance", description: "Automated reporting and predictive auditing powered by AI." },
+        { icon: Shield, title: "Certification Strategy", description: "Seamless roadmap to attain global ESG certifications." },
+        { icon: Globe, title: "Sustainable AI Transformation", description: "Optimize resource allocation through smart technology integration." },
       ]}
       title="Integrated Solutions"
       description="Powerful tools to align your business with environmental and social standards using predictive AI."
@@ -157,27 +97,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "40%",
-          title: "Efficiency Gain",
-          description: "Through AI process optimization.",
-          icon: TrendingUp,
-        },
-        {
-          id: "m2",
-          value: "100%",
-          title: "ESG Compliance",
-          description: "Audit-ready reporting standards.",
-          icon: CheckCircle,
-        },
-        {
-          id: "m3",
-          value: "2x",
-          title: "Resource ROI",
-          description: "Enhanced sustainable asset utilization.",
-          icon: Award,
-        },
+        { id: "m1", value: "40%", title: "Efficiency Gain", description: "Through AI process optimization.", icon: TrendingUp },
+        { id: "m2", value: "100%", title: "ESG Compliance", description: "Audit-ready reporting standards.", icon: CheckCircle },
+        { id: "m3", value: "2x", title: "Resource ROI", description: "Enhanced sustainable asset utilization.", icon: Award },
       ]}
       title="Measurable Results"
       description="Quantifiable growth through strategic business engineering."
@@ -189,128 +111,24 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Alice Smith",
-          date: "Jan 2025",
-          title: "CEO",
-          quote: "The integration of AI into our ESG framework has been revolutionary.",
-          tag: "Tech",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99694.jpg?_wi=2",
-          imageAlt: "digital abstract background blue technology",
-        },
-        {
-          id: "2",
-          name: "Bob Johnson",
-          date: "Dec 2024",
-          title: "CTO",
-          quote: "Incredible clarity in our sustainability certifications.",
-          tag: "SaaS",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2148815600.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252423.jpg",
-          imageAlt: "professional tech consulting desk",
-        },
-        {
-          id: "3",
-          name: "Carol White",
-          date: "Nov 2024",
-          title: "Founder",
-          quote: "Finally, a roadmap that makes sense for the future.",
-          tag: "Retail",
-          avatarSrc: "http://img.b2bpic.net/free-photo/bearded-male-eyeglasses-with-tattoo-his-arm-sits-chair-using-tablet-pc_613910-12168.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-binary-code-background_1048-6821.jpg",
-          imageAlt: "neural network data analytics",
-        },
-        {
-          id: "4",
-          name: "David Brown",
-          date: "Oct 2024",
-          title: "Sustainability Dir",
-          quote: "We achieved our certification 3 months ahead of schedule.",
-          tag: "Energy",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-data-particles-flowing-cyber-particles-technology-background_1048-13357.jpg",
-          imageAlt: "eco friendly technology icon",
-        },
-        {
-          id: "5",
-          name: "Eve Davis",
-          date: "Sep 2024",
-          title: "COO",
-          quote: "Data-driven ESG is the only way forward. Exceptional service.",
-          tag: "Logistics",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-strategy_53876-167052.jpg",
-          imageAlt: "business growth strategy digital",
-        },
+        { id: "1", name: "Alice Smith", date: "Jan 2025", title: "CEO", quote: "The integration of AI into our ESG framework has been revolutionary.", tag: "Tech", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg", imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99694.jpg?_wi=2", imageAlt: "digital abstract background blue technology" },
+        { id: "2", name: "Bob Johnson", date: "Dec 2024", title: "CTO", quote: "Incredible clarity in our sustainability certifications.", tag: "SaaS", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2148815600.jpg", imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252423.jpg", imageAlt: "professional tech consulting desk" },
+        { id: "3", name: "Carol White", date: "Nov 2024", title: "Founder", quote: "Finally, a roadmap that makes sense for the future.", tag: "Retail", avatarSrc: "http://img.b2bpic.net/free-photo/bearded-male-eyeglasses-with-tattoo-his-arm-sits-chair-using-tablet-pc_613910-12168.jpg", imageSrc: "http://img.b2bpic.net/free-photo/abstract-binary-code-background_1048-6821.jpg", imageAlt: "neural network data analytics" },
+        { id: "4", name: "David Brown", date: "Oct 2024", title: "Sustainability Dir", quote: "We achieved our certification 3 months ahead of schedule.", tag: "Energy", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-data-particles-flowing-cyber-particles-technology-background_1048-13357.jpg", imageAlt: "eco friendly technology icon" },
+        { id: "5", name: "Eve Davis", date: "Sep 2024", title: "COO", quote: "Data-driven ESG is the only way forward. Exceptional service.", tag: "Logistics", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-strategy_53876-167052.jpg", imageAlt: "business growth strategy digital" },
       ]}
       title="Trusted by Leaders"
       description="Driving the next wave of sustainable business transformation."
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Ready to Start?"
-      title="Begin Your Next Horizon"
-      description="Let's build a future-proof, sustainable enterprise together."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@nexthorizon.com",
-        },
-      ]}
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterBaseCard
       logoText="Next Horizon"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Solutions",
-          items: [
-            {
-              label: "ESG Strategy",
-              href: "#",
-            },
-            {
-              label: "AI Integration",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
+        { title: "Solutions", items: [{ label: "ESG Strategy", href: "#" }, { label: "AI Integration", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
     />
   </div>

src/app/solutions/page.tsx

@@ -0,0 +1,52 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Zap, Shield, Globe } from "lucide-react";
+
+export default function SolutionsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Solutions", id: "/solutions" },
+              { name: "Contact", id: "/contact" },
+              { name: "Impact", id: "/impact" },
+            ]}
+            brandName="Next Horizon"
+          />
+        </div>
+        <div id="features" data-section="features">
+          <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Zap, title: "Predictive ESG Compliance", description: "Automated reporting and predictive auditing powered by AI." },
+              { icon: Shield, title: "Certification Strategy", description: "Seamless roadmap to attain global ESG certifications." },
+              { icon: Globe, title: "Sustainable AI Transformation", description: "Optimize resource allocation through smart technology integration." },
+            ]}
+            title="Our Solutions"
+            description="Comprehensive suite of AI and ESG strategy tools."
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Next Horizon"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/about" }] },
+              { title: "Solutions", items: [{ label: "Solutions", href: "/solutions" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}