bender/558ef8a4-fbd7-4fb9-98a4-9d0394f5c5fd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

14 Commits
version_1 ... version_2

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
4 changed files with 63 additions and 26 deletions
Expand all files Collapse all files

26
src/app/layout.tsx
View File

@@ -4,6 +4,10 @@ import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; 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({ const notoSans = Noto_Sans({
variable: "--font-noto-sans", subsets: ["latin"], 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({ export default function RootLayout({
children, children,
}: Readonly<{ }: Readonly<{
@@ -44,9 +66,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body className={`${workSans.variable} ${sourceSans3.variable} antialiased`}>
className={`${notoSans.variable} ${inter.variable} antialiased`}
>
<Tag /> <Tag />
{children} {children}

31
src/app/page.tsx
View File

@@ -8,11 +8,20 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureBento from '@/components/sections/feature/FeatureBento'; import FeatureBento from '@/components/sections/feature/FeatureBento';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; 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 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 { 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() { 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 ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-bubble" defaultButtonVariant="hover-bubble"
@@ -193,16 +202,24 @@ export default function LandingPage() {
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactSplitForm
tag="Stay Connected"
tagIcon={Mail}
title="Get Early Access to New Drops" 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." 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} 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" buttonText="Subscribe"
termsText="We respect your privacy. Unsubscribe anytime. No spam, just pure streetwear culture." onSubmit={handleContactSubmit}
/> />
</div> </div>

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-inter), sans-serif; font-family: var(--font-source-sans-3), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-noto-sans), sans-serif; font-family: var(--font-work-sans), sans-serif;
} }

28
src/app/styles/variables.css
View File

@@ -2,21 +2,21 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #fcf6ec;; /* --background: #fbfbfb;;;;;
--card: #f3ede2;; --card: #f3ede2;;;;;
--foreground: #2e2521;; --foreground: #11e1e8;;;;;
--primary-cta: #2e2521;; --primary-cta: #f37139;;;;;
--secondary-cta: #ffffff;; --secondary-cta: #ffffff;;;;;
--accent: #b2a28b;; --accent: #b2a28b;;;;;
--background-accent: #b2a28b;; */ --background-accent: #b2a28b;;;;; */
--background: #fcf6ec;; --background: #fbfbfb;;;;;
--card: #f3ede2;; --card: #f3ede2;;;;;
--foreground: #2e2521;; --foreground: #11e1e8;;;;;
--primary-cta: #2e2521;; --primary-cta: #f37139;;;;;
--secondary-cta: #ffffff;; --secondary-cta: #ffffff;;;;;
--accent: #b2a28b;; --accent: #b2a28b;;;;;
--background-accent: #b2a28b;; --background-accent: #b2a28b;;;;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);