Merge version_8 into main

Update src/app/shop/page.tsx
2026-02-20 23:43:49 +00:00 · 2026-02-20 23:43:44 +00:00 · 2026-02-20 23:43:44 +00:00 · 2026-02-20 23:43:43 +00:00 · 2026-02-20 23:43:42 +00:00 · 2026-02-20 23:43:41 +00:00
8 changed files with 122 additions and 91 deletions
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import { useBlogPosts } from "@/hooks/useBlogPosts";
 import { Twitter, Linkedin, Github } from 'lucide-react';

@@ -31,15 +31,9 @@ export default function BlogPage() {
        >
            <div id="nav" data-section="nav">
                <NavbarLayoutFloatingOverlay
-                    navItems={[
-                        { name: "Home", id: "/" },
-                        { name: "Features", id: "/#features" },
-                        { name: "Solutions", id: "/#products" },
-                        { name: "Reviews", id: "/#testimonials" },
-                        { name: "Contact", id: "/#contact" },
-                    ]}
+                    navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"/#products"},{name:"Reviews",id:"/#testimonials"},{name:"Contact",id:"/#contact"}]}
                    brandName="CRM AI"
-                    button={{ text: "Get Started", href: "#contact" }}
+                    button={{ text: "Get Started", href: "/#contact" }}
                    buttonClassName="min-w-[120px] justify-center"
                    buttonTextClassName="relative top-[0.5px]"
                    className="z-50 backdrop-blur-md"
@@ -53,7 +47,7 @@ export default function BlogPage() {
                    </div>
                ) : (
                    <div id="blog" data-section="blog">
-                        <BlogCardThree
+                        <BlogCardTwo
                            blogs={posts}
                            title="From Our Blog"
                            description="Explore our latest articles, insights, and stories from the team."
@@ -72,10 +66,6 @@ export default function BlogPage() {
                    copyrightText="© 2024 | CRM AI. All rights reserved."
                    socialLinks={footerSocialLinks}
                    className="py-16 md:py-20"
-                    cardClassName="py-10 px-6 sm:px-10 md:px-12"
-                    logoClassName="text-lg font-bold"
-                    copyrightTextClassName="text-sm text-foreground/70"
-                    socialContainerClassName="gap-x-4"
                />
            </div>
        </ThemeProvider>
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -0,0 +1,76 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import {
+  Github,
+  Linkedin,
+  Twitter
+} from 'lucide-react';
+
+const socialLinks = [
+    { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
+    { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
+    { icon: Github, href: "https://github.com", ariaLabel: "GitHub" },
+];
+
+const featuresData = [
+    {id: "1", title: "Intelligent Lead Scoring", description: "Automatically prioritize high-value leads with AI-driven scoring, focusing your sales efforts where they matter most.", imageSrc: "/placeholders/placeholder1.webp?_wi=1", imageAlt: "Intelligent Lead Scoring illustration"},
+    {id: "2", title: "Automated Task Management", description: "Streamline operations by automating repetitive tasks, freeing up your team to focus on strategic initiatives.", imageSrc: "/placeholders/placeholder2.webp?_wi=1", imageAlt: "Automated Task Management illustration"},
+    {id: "3", title: "Predictive Analytics Dashboard", description: "Gain foresight with advanced analytics, predicting customer churn and future trends to stay ahead of the curve.", imageSrc: "/placeholders/placeholder3.webp?_wi=1", imageAlt: "Predictive Analytics Dashboard illustration"},
+    {id: "4", title: "Enhanced Data Security", description: "Protect sensitive customer information with robust encryption and AI-powered threat detection, ensuring compliance and trust.", imageSrc: "/placeholders/placeholder1.webp?_wi=2", imageAlt: "Enhanced Data Security illustration"},
+    {id: "5", title: "Customizable Workflow Automation", description: "Tailor workflows to your unique business needs, automating processes from onboarding to customer support with ease.", imageSrc: "/placeholders/placeholder2.webp?_wi=2", imageAlt: "Customizable Workflow Automation illustration"},
+    {id: "6", title: "Omnichannel Customer Engagement", description: "Connect with customers across all channels seamlessly, providing consistent and personalized experiences at every touchpoint.", imageSrc: "/placeholders/placeholder3.webp?_wi=2", imageAlt: "Omnichannel Customer Engagement illustration"}
+  ].map(feature => ({...feature, tags: ["Key Features"]}));
+
+export default function FeaturesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="largeSmall"
+      background="aurora"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"/#products"},{name:"Reviews",id:"/#testimonials"},{name:"Contact",id:"/#contact"}]}
+          brandName="CRM AI"
+          button={{text:"Get Started",href:"/#contact"}}
+          buttonClassName="min-w-[120px] justify-center"
+          buttonTextClassName="relative top-[0.5px]"
+          className="z-50 backdrop-blur-md"
+        />
+      </div>
+
+      <div id="features-glow" data-section="features-glow">
+        <FeatureCardTwentyThree
+          title="Discover Our Cutting-Edge AI Capabilities"
+          description="Explore the powerful features that make our AI CRM platform an industry leader, designed to supercharge your business growth."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={featuresData}
+          animationType="slide-up"
+          tag="Key Features"
+          className="py-16 md:py-24"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="CRM AI"
+          copyrightText="© 2024 | CRM AI. All rights reserved."
+          socialLinks={socialLinks}
+          className="py-16 md:py-20"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,12 +1,12 @@
 import type { Metadata } from "next";
-import { Manrope } from "next/font/google";
+import { Inter } from "next/font/google";
 import { DM_Sans } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const manrope = Manrope({
-  variable: "--font-manrope",  subsets: ["latin"],
+const inter = Inter({
+  variable: "--font-inter",  subsets: ["latin"],
 });

 const dmSans = DM_Sans({
@@ -18,11 +18,11 @@ export const metadata: Metadata = {
  openGraph: {
    title: "CRM AI Platform - Intelligent Customer Management",    description: "Revolutionize your CRM with AI. Automate tasks, gain deep customer insights, and drive growth with our cutting-edge AI CRM platform.",    url: "https://crm-ai.com",    siteName: "CRM AI",    images: [
      {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-abstract-futuristic-background-for-an-1771626573815-22f21f54.png",        alt: "AI CRM Platform Dashboard"}
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771630687370-xxt7k3kx.png",        alt: "AI CRM Platform Dashboard"}
    ],
    type: "website"},
  twitter: {
-    card: "summary_large_image",    title: "CRM AI Platform - Intelligent Customer Management",    description: "Revolutionize your CRM with AI. Automate tasks, gain deep customer insights, and drive growth with our cutting-edge AI CRM platform.",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-abstract-futuristic-background-for-an-1771626573815-22f21f54.png"],
+    card: "summary_large_image",    title: "CRM AI Platform - Intelligent Customer Management",    description: "Revolutionize your CRM with AI. Automate tasks, gain deep customer insights, and drive growth with our cutting-edge AI CRM platform.",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771630687370-xxt7k3kx.png"],
  },
 };

@@ -35,7 +35,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={`${manrope.variable} ${dmSans.variable} antialiased`}
+          className={`${inter.variable} ${dmSans.variable} antialiased`}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -12,21 +12,12 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import {
-  BarChart2,
-  ClipboardCheck,
  Github,
  Globe,
-  Heart,
  Linkedin,
-  Mail,
-  MessageSquare,
-  Smile,
-  Target,
  TrendingUp,
  Twitter,
-  User,
  Users,
-  Workflow,
  Zap
 } from 'lucide-react';

@@ -46,9 +37,9 @@ export default function LandingPage() {
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
-          navItems={[{name:"Home",id:"/"},{name:"Features",id:"#features"},{name:"Solutions",id:"#products"},{name:"Reviews",id:"#testimonials"},{name:"Contact",id:"#contact"}]}
+          navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"/#products"},{name:"Reviews",id:"/#testimonials"},{name:"Contact",id:"/#contact"}]}
          brandName="CRM AI"
-          button={{text:"Get Started",href:"#contact"}}
+          button={{text:"Get Started",href:"/#contact"}}
          buttonClassName="min-w-[120px] justify-center"
          buttonTextClassName="relative top-[0.5px]"
          className="z-50 backdrop-blur-md"
@@ -56,17 +47,17 @@ export default function LandingPage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroLogoBillboard
+        <HeroLogoBillboardSplit
          logoText="CRM AI"
          description="Unleash the power of artificial intelligence to automate tasks, gain deeper customer insights, and drive unparalleled growth for your business."
          background={{variant:"sparkles-gradient"}}
          buttons={[{text:"Get Started Free",href:"#contact"},{text:"Watch Demo",href:"#features"}]}
          buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-user-friendly-interface-showcasing-ai--1771626574716-a33c15c9.png?_wi=1"
-          imageAlt="AI-Powered Automation Interface"
+          layoutOrder="default"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771630687370-xxt7k3kx.png"
+          imageAlt="AI CRM Platform Dashboard"
          mediaAnimation="opacity"
          frameStyle="card"
-          className="min-h-[calc(100svh-var(--navbar-height))] md:min-h-[calc(100vh-var(--navbar-height))] pt-[var(--navbar-height))]"
        />
      </div>

@@ -108,10 +99,6 @@ export default function LandingPage() {
          products={[{id:"1",name:"AI Sales Optimizer",price:"Starting at $49/mo",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-vibrant-modern-icon-or-illustration-re-1771626573834-d77afcef.png",imageAlt:"AI Sales Optimizer Icon"},{id:"2",name:"AI Marketing Pro",price:"Starting at $59/mo",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-modern-icon-or-illustration-for-ai-dri-1771626572901-3adfb3ff.png",imageAlt:"AI Marketing Pro Icon"},{id:"3",name:"AI Support Assistant",price:"Starting at $39/mo",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-illustration-for-ai-customer-support--1771626573048-9700743d.png",imageAlt:"AI Support Assistant Icon"},{id:"4",name:"AI Analytics Hub",price:"Starting at $69/mo",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-illustration-for-advanced-ai-analytic-1771626574005-002b152d.png",imageAlt:"AI Analytics Hub Icon"}]}
          tag="Solutions"
          className="py-16 md:py-24"
-          cardClassName="aspect-square flex flex-col justify-center items-center text-center p-6"
-          imageClassName="h-24 w-24 object-contain mb-4"
-          cardNameClassName="text-lg font-semibold mb-1"
-          cardPriceClassName="text-foreground/70"
        />
      </div>

@@ -122,7 +109,7 @@ export default function LandingPage() {
          textboxLayout="default"
          useInvertedBackground={false}
          logos={["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626572220-dfa321d5.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626573321-61cbafdb.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626572947-a15277fd.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626572938-88bc6de9.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626573368-a0ef15c0.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626572744-1bc62af8.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626572459-2e1fd664.png"]}
-          names={[]}
+          names={["TechCorp", "Innovate Inc.", "Quantum Solutions", "Stellar AI", "Nexus Dynamics", "Future Systems", "Apex Innovations"]}
          tag="Partnerships"
          speed={30}
          showCard={true}
@@ -186,10 +173,6 @@ export default function LandingPage() {
          copyrightText="© 2024 | CRM AI. All rights reserved."
          socialLinks={[{icon:Twitter,href:"https://twitter.com",ariaLabel:"Twitter"},{icon:Linkedin,href:"https://linkedin.com",ariaLabel:"LinkedIn"},{icon:Github,href:"https://github.com",ariaLabel:"GitHub"}]}
          className="py-16 md:py-20"
-          cardClassName="py-10 px-6 sm:px-10 md:px-12"
-          logoClassName="text-lg font-bold"
-          copyrightTextClassName="text-sm text-foreground/70"
-          socialContainerClassName="gap-x-4"
        />
      </div>
    </ThemeProvider>
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -51,7 +51,9 @@ function ProductPageContent({ params }: ProductPageProps) {
        getCheckoutItems,
    } = useCart();

-    const { buyNow, checkout, isLoading: isCheckoutLoading } = useCheckout();
+    const {
+        buyNow, checkout, isLoading: isCheckoutLoading
+    } = useCheckout();

    const handleAddToCart = useCallback(() => {
        const item = createCartItem();
@@ -90,9 +92,9 @@ function ProductPageContent({ params }: ProductPageProps) {
                headingFontWeight="bold"
            >
                <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                        <NavbarLayoutFloatingOverlay
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"/#products"},{name:"Reviews",id:"/#testimonials"},{name:"Contact",id:"/#contact"}]}
                            brandName="CRM AI"
                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                            buttonClassName="min-w-[120px] justify-center"
@@ -113,10 +115,6 @@ function ProductPageContent({ params }: ProductPageProps) {
                                { icon: Github, href: "https://github.com", ariaLabel: "GitHub" }
                            ]}
                            className="py-16 md:py-20"
-                            cardClassName="py-10 px-6 sm:px-10 md:px-12"
-                            logoClassName="text-lg font-bold"
-                            copyrightTextClassName="text-sm text-foreground/70"
-                            socialContainerClassName="gap-x-4"
                        />
                    </div>
                </ReactLenis>
@@ -139,9 +137,9 @@ function ProductPageContent({ params }: ProductPageProps) {
                headingFontWeight="bold"
            >
                <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                        <NavbarLayoutFloatingOverlay
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"/#products"},{name:"Reviews",id:"/#testimonials"},{name:"Contact",id:"/#contact"}]}
                            brandName="CRM AI"
                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                            buttonClassName="min-w-[120px] justify-center"
@@ -170,10 +168,6 @@ function ProductPageContent({ params }: ProductPageProps) {
                                { icon: Github, href: "https://github.com", ariaLabel: "GitHub" }
                            ]}
                            className="py-16 md:py-20"
-                            cardClassName="py-10 px-6 sm:px-10 md:px-12"
-                            logoClassName="text-lg font-bold"
-                            copyrightTextClassName="text-sm text-foreground/70"
-                            socialContainerClassName="gap-x-4"
                        />
                    </div>
                </ReactLenis>
@@ -195,9 +189,9 @@ function ProductPageContent({ params }: ProductPageProps) {
            headingFontWeight="bold"
        >
            <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                    <NavbarLayoutFloatingOverlay
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"/#products"},{name:"Reviews",id:"/#testimonials"},{name:"Contact",id:"/#contact"}]}
                        brandName="CRM AI"
                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                        buttonClassName="min-w-[120px] justify-center"
@@ -251,10 +245,6 @@ function ProductPageContent({ params }: ProductPageProps) {
                            { icon: Github, href: "https://github.com", ariaLabel: "GitHub" }
                        ]}
                        className="py-16 md:py-20"
-                        cardClassName="py-10 px-6 sm:px-10 md:px-12"
-                        logoClassName="text-lg font-bold"
-                        copyrightTextClassName="text-sm text-foreground/70"
-                        socialContainerClassName="gap-x-4"
                    />
                </div>
            </ReactLenis>
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -59,9 +59,9 @@ export default function ShopPage() {
                headingFontWeight="bold"
            >
                <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                    <NavbarLayoutFloatingOverlay
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"/#products"},{name:"Reviews",id:"/#testimonials"},{name:"Contact",id:"/#contact"}]}
                        brandName="CRM AI"
                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                        buttonClassName="min-w-[120px] justify-center"
@@ -82,10 +82,6 @@ export default function ShopPage() {
                                { icon: Github, href: "https://github.com", ariaLabel: "GitHub" }
                            ]}
                            className="py-16 md:py-20"
-                            cardClassName="py-10 px-6 sm:px-10 md:px-12"
-                            logoClassName="text-lg font-bold"
-                            copyrightTextClassName="text-sm text-foreground/70"
-                            socialContainerClassName="gap-x-4"
                        />
                    </div>
                </ReactLenis>
@@ -107,9 +103,9 @@ export default function ShopPage() {
            headingFontWeight="bold"
        >
            <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                    <NavbarLayoutFloatingOverlay
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[{name:"Home",id:"/"},{name:"Features",id:"/features"},{name:"Solutions",id:"/#products"},{name:"Reviews",id:"/#testimonials"},{name:"Contact",id:"/#contact"}]}
                        brandName="CRM AI"
                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                        buttonClassName="min-w-[120px] justify-center"
@@ -153,10 +149,6 @@ export default function ShopPage() {
                            { icon: Github, href: "https://github.com", ariaLabel: "GitHub" }
                        ]}
                        className="py-16 md:py-20"
-                        cardClassName="py-10 px-6 sm:px-10 md:px-12"
-                        logoClassName="text-lg font-bold"
-                        copyrightTextClassName="text-sm text-foreground/70"
-                        socialContainerClassName="gap-x-4"
                    />
                </div>
            </ReactLenis>
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,21 +2,21 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  /* --background: #080200;;;
-  --card: #1a0d0b;;;
-  --foreground: #ffe6d5;;;
-  --primary-cta: #FF7B05;;;
-  --secondary-cta: #170b07;;;
-  --accent: #7b5e4a;;;
-  --background-accent: #b8541e;;; */
+  /* --background: #080200;;;;;;;;
+  --card: #151515;;;;;;;;
+  --foreground: #CEE7Ff;;;;;;;;
+  --primary-cta: #106EFB;;;;;;;;
+  --secondary-cta: #170b07;;;;;;;;
+  --accent: #E6F0Ff;;;;;;;;
+  --background-accent: #106EFB;;;;;;;; */

-  --background: #080200;;;
-  --card: #1a0d0b;;;
-  --foreground: #ffe6d5;;;
-  --primary-cta: #FF7B05;;;
-  --secondary-cta: #170b07;;;
-  --accent: #7b5e4a;;;
-  --background-accent: #b8541e;;;
+  --background: #080200;;;;;;;;
+  --card: #151515;;;;;;;;
+  --foreground: #CEE7Ff;;;;;;;;
+  --primary-cta: #106EFB;;;;;;;;
+  --secondary-cta: #170b07;;;;;;;;
+  --accent: #E6F0Ff;;;;;;;;
+  --background-accent: #106EFB;;;;;;;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	f99b7a3394	Merge version_8 into main Merge version_8 into main	2026-02-20 23:43:49 +00:00
bender	ff0450246c	Update src/app/shop/page.tsx	2026-02-20 23:43:44 +00:00
bender	3b4221ab68	Update src/app/shop/[id]/page.tsx	2026-02-20 23:43:44 +00:00
bender	ab22518c4e	Update src/app/page.tsx	2026-02-20 23:43:43 +00:00
bender	e7794b8108	Update src/app/layout.tsx	2026-02-20 23:43:42 +00:00
bender	8687374044	Update src/app/features/page.tsx	2026-02-20 23:43:41 +00:00
bender	01e4d8cdbc	Update src/app/blog/page.tsx	2026-02-20 23:43:40 +00:00
bender	2121ee99be	Merge version_8 into main Merge version_8 into main	2026-02-20 23:40:54 +00:00
bender	25de5d94d6	Update src/app/styles/base.css	2026-02-20 23:40:49 +00:00
bender	7856567db5	Update src/app/layout.tsx	2026-02-20 23:40:47 +00:00
bender	45522c6814	Merge version_7 into main Merge version_7 into main	2026-02-20 23:38:04 +00:00
bender	c3e1b95564	Update src/app/page.tsx	2026-02-20 23:38:00 +00:00
bender	f44bd7e9c3	Update src/app/layout.tsx	2026-02-20 23:37:59 +00:00
bender	64bece8798	Merge version_7 into main Merge version_7 into main	2026-02-20 23:37:20 +00:00
bender	0fbbc7f928	Update theme colors	2026-02-20 23:37:14 +00:00
bender	9ac7ad035e	Merge version_7 into main Merge version_7 into main	2026-02-20 23:34:53 +00:00
bender	705b0cada0	Update theme colors	2026-02-20 23:34:46 +00:00
bender	13784703f2	Merge version_7 into main Merge version_7 into main	2026-02-20 23:33:06 +00:00
bender	10482b8356	Update theme colors	2026-02-20 23:33:00 +00:00
bender	933b6ba37b	Merge version_7 into main Merge version_7 into main	2026-02-20 23:32:48 +00:00
bender	c8c2137476	Update theme colors	2026-02-20 23:32:42 +00:00
bender	bf6c96a267	Merge version_7 into main Merge version_7 into main	2026-02-20 23:32:36 +00:00
bender	7a26546539	Update theme colors	2026-02-20 23:32:30 +00:00
bender	e142deb68e	Merge version_7 into main Merge version_7 into main	2026-02-20 23:23:11 +00:00
bender	5e35037349	Update src/app/features/page.tsx	2026-02-20 23:23:06 +00:00
bender	62866864e6	Merge version_7 into main Merge version_7 into main	2026-02-20 23:22:21 +00:00
bender	bb548bb94c	Update src/app/shop/page.tsx	2026-02-20 23:22:17 +00:00
bender	35b74adcaf	Update src/app/page.tsx	2026-02-20 23:22:16 +00:00
bender	c9104b2479	Update src/app/features/page.tsx	2026-02-20 23:22:15 +00:00
bender	252b99d184	Update src/app/blog/page.tsx	2026-02-20 23:22:14 +00:00
bender	8e0056e94a	Merge version_7 into main Merge version_7 into main	2026-02-20 23:19:08 +00:00
bender	fb7a89c042	Update src/app/shop/page.tsx	2026-02-20 23:19:04 +00:00
bender	1519f52bcf	Update src/app/shop/[id]/page.tsx	2026-02-20 23:19:03 +00:00
bender	740637cdff	Update src/app/page.tsx	2026-02-20 23:19:03 +00:00
bender	6f042946ce	Update src/app/features/page.tsx	2026-02-20 23:19:02 +00:00
bender	df09b775e2	Update src/app/blog/page.tsx	2026-02-20 23:19:01 +00:00
bender	4bc5cdb887	Merge version_6 into main Merge version_6 into main	2026-02-20 23:16:07 +00:00
bender	ef2d762228	Update src/app/shop/page.tsx	2026-02-20 23:16:02 +00:00
bender	bdfb2bcee7	Update src/app/shop/[id]/page.tsx	2026-02-20 23:16:02 +00:00
bender	a70ec87761	Update src/app/page.tsx	2026-02-20 23:16:01 +00:00
bender	c4fa14ce05	Update src/app/features/page.tsx	2026-02-20 23:16:00 +00:00
bender	bd94bec778	Update src/app/blog/page.tsx	2026-02-20 23:15:59 +00:00
bender	c2cadefab2	Merge version_6 into main Merge version_6 into main	2026-02-20 23:12:46 +00:00
bender	68e13bb37c	Update src/app/page.tsx	2026-02-20 23:12:41 +00:00
bender	3e0504705f	Merge version_5 into main Merge version_5 into main	2026-02-20 23:06:07 +00:00
bender	d383d50135	Update src/app/shop/page.tsx	2026-02-20 23:06:03 +00:00
bender	0b26938d7a	Update src/app/shop/[id]/page.tsx	2026-02-20 23:06:02 +00:00
bender	deccbe9277	Update src/app/features/page.tsx	2026-02-20 23:06:01 +00:00
bender	2032ab0bdf	Update src/app/blog/page.tsx	2026-02-20 23:06:00 +00:00
bender	37268a3e7a	Merge version_5 into main Merge version_5 into main	2026-02-20 23:03:33 +00:00
bender	a299f6c239	Update src/app/shop/page.tsx	2026-02-20 23:03:28 +00:00
bender	9619767b45	Update src/app/shop/[id]/page.tsx	2026-02-20 23:03:28 +00:00
bender	159e8b5415	Update src/app/page.tsx	2026-02-20 23:03:27 +00:00
bender	b0b0b41084	Add src/app/features/page.tsx	2026-02-20 23:03:25 +00:00
bender	64f367aea4	Update src/app/blog/page.tsx	2026-02-20 23:03:25 +00:00
bender	aa8e9ab401	Merge version_4 into main Merge version_4 into main	2026-02-20 22:57:53 +00:00
bender	43c762bff0	Merge version_4 into main Merge version_4 into main	2026-02-20 22:55:55 +00:00