Switch to version 5: modified src/app/trial/page.tsx

Merge version_5 into main

src/app/demo/page.tsx

@@ -0,0 +1,93 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Play } from 'lucide-react';
+
+export default function DemoPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="semibold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Features", id: "features" },
+            { name: "Pricing", id: "pricing" },
+            { name: "Contact", id: "contact" }
+          ]}
+          brandName="AICore"
+          bottomLeftText="Global AI Platform"
+          bottomRightText="hello@aicore.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="Schedule Your Personalized Demo"
+          description="Experience AICore's powerful features firsthand. Our AI specialists will walk you through advanced machine learning capabilities, real-time analytics, and how to implement autonomous intelligence in your organization."
+          tag="Live Demo"
+          tagIcon={Play}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Back to Home", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+          background={{ variant: "radial-gradient" }}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="AICore"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Features", href: "/" },
+                { label: "Pricing", href: "/" },
+                { label: "Security", href: "/security" },
+                { label: "API Docs", href: "/docs" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/about" },
+                { label: "Blog", href: "/blog" },
+                { label: "Careers", href: "/careers" },
+                { label: "Contact", href: "/contact" }
+              ]
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Documentation", href: "/docs" },
+                { label: "Tutorials", href: "/tutorials" },
+                { label: "Community", href: "/community" },
+                { label: "Support", href: "/support" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "/privacy" },
+                { label: "Terms of Service", href: "/terms" },
+                { label: "Cookie Policy", href: "/cookies" },
+                { label: "GDPR", href: "/gdpr" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 AICore. All rights reserved. Powering enterprise AI."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -21,12 +21,14 @@ export const metadata: Metadata = {
   openGraph: {
     title: "AICore - Enterprise AI Platform",    description: "Advanced artificial intelligence platform for enterprise businesses. Real-time insights, ML models, and autonomous intelligence.",    type: "website",    siteName: "AICore",    images: [
       {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBJFWldSeNNopDVPyjMitUF1w/a-modern-sleek-dark-themed-ai-platform-d-1772538513971-6344e12f.png",        alt: "AICore Dashboard"},
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBJFWldSeNNopDVPyjMitUF1w/a-modern-sleek-dark-themed-ai-platform-d-1772538513971-6344e12f.png",        alt: "AICore Dashboard"
+      },
     ],
   },
   twitter: {
     card: "summary_large_image",    title: "AICore - Enterprise AI Platform",    description: "Transform your business with advanced machine learning and autonomous intelligence.",    images: [
-      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBJFWldSeNNopDVPyjMitUF1w/a-modern-sleek-dark-themed-ai-platform-d-1772538513971-6344e12f.png"],
+      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBJFWldSeNNopDVPyjMitUF1w/a-modern-sleek-dark-themed-ai-platform-d-1772538513971-6344e12f.png"
+    ],
   },
 };
 

src/app/page.tsx

@@ -14,6 +14,14 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Zap, Sparkles, Cloud, Database, Server, Network, Bot, User, Layers, Target, Brain, Cpu, Shield, Users, TrendingUp, BarChart3, Award, Rocket, Home, Settings, CheckCircle, CircleDollarSign, ArrowLeftRight, Send, DollarSign, HelpCircle } from 'lucide-react';
 
 export default function LandingPage() {
+  const handleGetStarted = () => {
+    window.location.href = '/trial';
+  };
+
+  const handleViewDemo = () => {
+    window.location.href = '/demo';
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="icon-arrow"
@@ -50,8 +58,8 @@ export default function LandingPage() {
           tagIcon={Zap}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Start Free Trial", href: "/trial" },
-            { text: "View Demo", href: "/demo" }
+            { text: "Get Started Free", onClick: handleGetStarted },
+            { text: "View Demo", onClick: handleViewDemo }
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
@@ -305,8 +313,8 @@ export default function LandingPage() {
           title="Start Your AI Journey Today"
           description="Join hundreds of enterprises leveraging AICore to unlock unprecedented insights and automation. Get started with a free trial or schedule a personalized demo with our experts."
           buttons={[
-            { text: "Start Free Trial", href: "/trial" },
-            { text: "Schedule Demo", href: "/demo" }
+            { text: "Start Free Trial", onClick: handleGetStarted },
+            { text: "Schedule Demo", onClick: handleViewDemo }
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "radial-gradient" }}

src/app/trial/page.tsx

@@ -0,0 +1,93 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Zap } from 'lucide-react';
+
+export default function TrialPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="semibold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Features", id: "features" },
+            { name: "Pricing", id: "pricing" },
+            { name: "Contact", id: "contact" }
+          ]}
+          brandName="AICore"
+          bottomLeftText="Global AI Platform"
+          bottomRightText="hello@aicore.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="Start Your Free Trial"
+          description="Get instant access to AICore's powerful AI platform. No credit card required. Start building with advanced machine learning, real-time analytics, and autonomous intelligence."
+          tag="Free Trial"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Back to Home", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+          background={{ variant: "radial-gradient" }}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="AICore"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Features", href: "/" },
+                { label: "Pricing", href: "/" },
+                { label: "Security", href: "/security" },
+                { label: "API Docs", href: "/docs" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/about" },
+                { label: "Blog", href: "/blog" },
+                { label: "Careers", href: "/careers" },
+                { label: "Contact", href: "/contact" }
+              ]
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Documentation", href: "/docs" },
+                { label: "Tutorials", href: "/tutorials" },
+                { label: "Community", href: "/community" },
+                { label: "Support", href: "/support" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "/privacy" },
+                { label: "Terms of Service", href: "/terms" },
+                { label: "Cookie Policy", href: "/cookies" },
+                { label: "GDPR", href: "/gdpr" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 AICore. All rights reserved. Powering enterprise AI."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}