Update theme fonts

2026-02-13 21:09:44 +00:00 · 2026-02-13 21:09:43 +00:00 · 2026-02-13 20:21:49 +00:00 · 2026-02-13 20:21:48 +00:00 · 2026-02-13 20:20:26 +00:00 · 2026-02-13 20:19:59 +00:00
4 changed files with 63 additions and 26 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,6 +4,10 @@ import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
+import { Montserrat } from "next/font/google";
+import { Inter } from "next/font/google";
+import { Work_Sans } from "next/font/google";
+import { Source_Sans_3 } from "next/font/google";

 const notoSans = Noto_Sans({
  variable: "--font-noto-sans",  subsets: ["latin"],
@@ -36,6 +40,24 @@ export const metadata: Metadata = {
  }
 };

+const montserrat = Montserrat({
+  variable: "--font-montserrat",
+  subsets: ["latin"],
+});
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+
+const workSans = Work_Sans({
+  variable: "--font-work-sans",
+  subsets: ["latin"],
+});
+const sourceSans3 = Source_Sans_3({
+  variable: "--font-source-sans-3",
+  subsets: ["latin"],
+});
+
 export default function RootLayout({
  children,
 }: Readonly<{
@@ -44,9 +66,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body
-          className={`${notoSans.variable} ${inter.variable} antialiased`}
-        >
+        <body className={`${workSans.variable} ${sourceSans3.variable} antialiased`}>
          <Tag />
          {children}
        
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,11 +8,20 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Globe, HelpCircle, Leaf, Mail, Recycle, Shield, Sparkles, Star, TrendingUp, Users, Zap, Heart, Share2, Crown } from "lucide-react";
+import { useState } from "react";

 export default function LandingPage() {
+  const [formData, setFormData] = useState<Record<string, string>>({});
+
+  const handleContactSubmit = (data: Record<string, string>) => {
+    setFormData(data);
+    console.log("Form submitted:", data);
+    // Handle form submission here
+  };
+
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
@@ -193,16 +202,24 @@ export default function LandingPage() {
      </div>

      <div id="contact" data-section="contact">
-        <ContactCenter
-          tag="Stay Connected"
-          tagIcon={Mail}
+        <ContactSplitForm
          title="Get Early Access to New Drops"
          description="Subscribe to our newsletter and be the first to know about exclusive releases, limited editions, and special events."
-          background={{ variant: "rotated-rays-animated-grid" }}
+          inputs={[
+            { name: "email", type: "email", placeholder: "your@email.com", required: true },
+            { name: "name", type: "text", placeholder: "Your name", required: true }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us what styles you're interested in...",            rows: 4,
+            required: false
+          }}
          useInvertedBackground={false}
-          inputPlaceholder="your@email.com"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771003746831-w3xavybf.jpg"
+          imageAlt="APEX Newsletter"
+          mediaPosition="right"
+          mediaAnimation="blur-reveal"
          buttonText="Subscribe"
-          termsText="We respect your privacy. Unsubscribe anytime. No spam, just pure streetwear culture."
+          onSubmit={handleContactSubmit}
        />
      </div>

--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-source-sans-3), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-noto-sans), sans-serif;
+  font-family: var(--font-work-sans), 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: #fcf6ec;;
-  --card: #f3ede2;;
-  --foreground: #2e2521;;
-  --primary-cta: #2e2521;;
-  --secondary-cta: #ffffff;;
-  --accent: #b2a28b;;
-  --background-accent: #b2a28b;; */
+  /* --background: #fbfbfb;;;;;
+  --card: #f3ede2;;;;;
+  --foreground: #11e1e8;;;;;
+  --primary-cta: #f37139;;;;;
+  --secondary-cta: #ffffff;;;;;
+  --accent: #b2a28b;;;;;
+  --background-accent: #b2a28b;;;;; */

-  --background: #fcf6ec;;
-  --card: #f3ede2;;
-  --foreground: #2e2521;;
-  --primary-cta: #2e2521;;
-  --secondary-cta: #ffffff;;
-  --accent: #b2a28b;;
-  --background-accent: #b2a28b;;
+  --background: #fbfbfb;;;;;
+  --card: #f3ede2;;;;;
+  --foreground: #11e1e8;;;;;
+  --primary-cta: #f37139;;;;;
+  --secondary-cta: #ffffff;;;;;
+  --accent: #b2a28b;;;;;
+  --background-accent: #b2a28b;;;;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	7008df596c	Update theme fonts	2026-02-13 21:09:44 +00:00
bender	d10a7402fe	Update theme fonts	2026-02-13 21:09:43 +00:00
bender	567b48d916	Update theme fonts	2026-02-13 20:21:49 +00:00
bender	724566cf5f	Update theme fonts	2026-02-13 20:21:48 +00:00
bender	bd467d5826	Update theme colors	2026-02-13 20:20:26 +00:00
bender	8a5a2ddd6d	Update theme colors	2026-02-13 20:19:59 +00:00
bender	682f38b1d1	Update theme colors	2026-02-13 20:19:35 +00:00
bender	016b87a540	Update src/app/page.tsx	2026-02-13 20:00:07 +00:00
bender	3224a144ca	Merge version_1 into main Merge version_1 into main	2026-02-13 17:32:51 +00:00
bender	2b9305f662	Merge version_1 into main Merge version_1 into main	2026-02-13 17:32:14 +00:00
bender	cbf31f0831	Merge version_1 into main Merge version_1 into main	2026-02-13 17:31:12 +00:00
bender	d117cc1fb3	Merge version_1 into main Merge version_1 into main	2026-02-13 17:28:57 +00:00
bender	a7deb2f5cf	Merge version_1 into main Merge version_1 into main	2026-02-13 17:20:12 +00:00
bender	1268ad86a4	Merge version_1 into main Merge version_1 into main	2026-02-13 17:17:24 +00:00