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/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>
+  );
+}