Update src/app/page.tsx

Update src/app/layout.tsx
2026-01-27 03:54:04 +00:00 · 2026-01-27 03:51:00 +00:00 · 2026-01-27 03:50:59 +00:00 · 2026-01-27 03:50:58 +00:00 · 2026-01-27 03:48:09 +00:00 · 2026-01-27 03:48:08 +00:00
3 changed files with 86 additions and 25 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4,21 +4,21 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  /* --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1c1c1c;;
-  --secondary-cta: #ffffff;;
-  --accent: #15479c;;
-  --background-accent: #a8cce8;; */
+  /* --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
+  --primary-cta: #fde047;;
+  --secondary-cta: #1a1a1a;;
+  --accent: #fde047;;
+  --background-accent: #333333;; */

-  --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1c1c1c;;
-  --secondary-cta: #ffffff;;
-  --accent: #15479c;;
-  --background-accent: #a8cce8;;
+  --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
+  --primary-cta: #fde047;;
+  --secondary-cta: #1a1a1a;;
+  --accent: #fde047;;
+  --background-accent: #333333;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,12 +1,11 @@
 import type { Metadata } from "next";
-import { Cormorant_Garamond } from "next/font/google";
+import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const cormorantGaramond = Cormorant_Garamond({
-  variable: "--font-cormorant-garamond",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
+const inter = Inter({
+  variable: "--font-inter",  subsets: ["latin"],
 });

 export const metadata: Metadata = {
@@ -37,7 +36,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={cormorantGaramond.variable}
+          className={inter.variable}
        >
          <Tag />
          {children}
@@ -1263,4 +1262,4 @@ export default function RootLayout({
      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -9,6 +9,7 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
 import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
+import TextAnimation from '@/components/text/TextAnimation';
 import { Sparkles, Package, Star, Mail } from "lucide-react";

 export default function LandingPage() {
@@ -16,10 +17,10 @@ export default function LandingPage() {
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
-      borderRadius="pill"
+      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
-      background="plain"
+      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
@@ -55,7 +56,7 @@ export default function LandingPage() {
              imageSrc: "https://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349187.jpg",              imageAlt: "Digital product showcase 2"
            },
            {
-              imageSrc: "https://img.b2bpic.net/free-photo/woman-using-laptop-global-network-technology-digital-remix_53876-104961.jpg",              imageAlt: "Digital product showcase 3"
+              imageSrc: "https://img.b2bpic.net/free-photo/pretty-woman-long-brown-dress-enjoying-sunny-day-lovable-white-girl-retro-attire-walking-down-street_197531-11307.jpg?id=11935547",              imageAlt: "Digital product showcase 3"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/sunset-projector-lamp-product-backdrop_53876-103670.jpg",              imageAlt: "Digital product showcase 4"
@@ -71,6 +72,67 @@ export default function LandingPage() {
        />
      </div>

+      <div id="social-proof" data-section="social-proof">
+        <div className="flex items-center justify-center py-12 md:py-16 bg-background">
+          <div className="flex flex-wrap items-center justify-center gap-8 md:gap-12 lg:gap-16 px-6 animate-fade-in-up">
+            <div className="flex flex-col items-center gap-2 hover:scale-110 transition-transform duration-300">
+              <div className="h-12 md:h-16 w-auto flex items-center">
+                <svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Microsoft logo">
+                  <rect x="1" y="1" width="5" height="5" fill="#00A4EF"/>
+                  <rect x="9" y="1" width="5" height="5" fill="#7FBA00"/>
+                  <rect x="1" y="9" width="5" height="5" fill="#FFB900"/>
+                  <rect x="9" y="9" width="5" height="5" fill="#F25022"/>
+                </svg>
+              </div>
+              <p className="text-sm text-foreground/60 text-center">Microsoft</p>
+            </div>
+            <div className="flex flex-col items-center gap-2 hover:scale-110 transition-transform duration-300">
+              <div className="h-12 md:h-16 w-auto flex items-center">
+                <svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Google logo">
+                  <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/>
+                  <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/>
+                  <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/>
+                  <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/>
+                </svg>
+              </div>
+              <p className="text-sm text-foreground/60 text-center">Google</p>
+            </div>
+            <div className="flex flex-col items-center gap-2 hover:scale-110 transition-transform duration-300">
+              <div className="h-12 md:h-16 w-auto flex items-center">
+                <svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Amazon logo">
+                  <path d="M6 6h12v1H6V6zm0 2h12v1H6V8zm0 2h12v1H6v-1zm10.5 2.5c-.276 0-.5.224-.5.5v3c0 .276.224.5.5.5s.5-.224.5-.5v-3c0-.276-.224-.5-.5-.5zm-2 0c-.276 0-.5.224-.5.5v3c0 .276.224.5.5.5s.5-.224.5-.5v-3c0-.276-.224-.5-.5-.5zm-2 0c-.276 0-.5.224-.5.5v3c0 .276.224.5.5.5s.5-.224.5-.5v-3c0-.276-.224-.5-.5-.5zM6 19h12v1H6v-1z" fill="#FF9900"/>
+                </svg>
+              </div>
+              <p className="text-sm text-foreground/60 text-center">Amazon</p>
+            </div>
+            <div className="flex flex-col items-center gap-2 hover:scale-110 transition-transform duration-300">
+              <div className="h-12 md:h-16 w-auto flex items-center">
+                <svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Adobe logo">
+                  <path d="M1 1v22h22V1H1zm3 3h4v4H4V4zm6 0h4v4h-4V4zm6 0h4v4h-4V4zm-12 6h4v4H4v-4zm6 0h4v4h-4v-4zm6 0h4v4h-4v-4zm-12 6h4v4H4v-4zm6 0h4v4h-4v-4zm6 0h4v4h-4v-4z" fill="#FF0000"/>
+                </svg>
+              </div>
+              <p className="text-sm text-foreground/60 text-center">Adobe</p>
+            </div>
+            <div className="flex flex-col items-center gap-2 hover:scale-110 transition-transform duration-300">
+              <div className="h-12 md:h-16 w-auto flex items-center">
+                <svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Disney logo">
+                  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6z" fill="#113CCF"/>
+                </svg>
+              </div>
+              <p className="text-sm text-foreground/60 text-center">Disney</p>
+            </div>
+            <div className="flex flex-col items-center gap-2 hover:scale-110 transition-transform duration-300">
+              <div className="h-12 md:h-16 w-auto flex items-center">
+                <svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Coca-Cola logo">
+                  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6z" fill="#E4001B"/>
+                </svg>
+              </div>
+              <p className="text-sm text-foreground/60 text-center">Coca-Cola</p>
+            </div>
+          </div>
+        </div>
+      </div>
+
      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Digital Products"
@@ -233,4 +295,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
development	56ed4ba31b	Update src/app/page.tsx	2026-01-27 03:54:04 +00:00
development	814d429868	Update src/app/page.tsx	2026-01-27 03:51:00 +00:00
development	cc3ca36448	Update src/app/layout.tsx	2026-01-27 03:50:59 +00:00
development	d57e19f4d6	Update src/app/globals.css	2026-01-27 03:50:58 +00:00
development	4144cbbeb0	Update src/app/page.tsx	2026-01-27 03:48:09 +00:00
development	b6beaca00c	Update src/app/layout.tsx	2026-01-27 03:48:08 +00:00
development	7cf3b9a240	Update src/app/page.tsx	2026-01-27 03:43:03 +00:00