diff --git a/src/app/page.tsx b/src/app/page.tsx index 221a4b6..c3161b6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,17 +2,17 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import ContactText from '@/components/sections/contact/ContactText'; -import FaqDouble from '@/components/sections/faq/FaqDouble'; -import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; +import ContactCenter from '@/components/sections/contact/ContactCenter'; +import FaqBase from '@/components/sections/faq/FaqBase'; +import FooterBase from '@/components/sections/footer/FooterBase'; import HeroSplit from '@/components/sections/hero/HeroSplit'; import MetricCardThree from '@/components/sections/metrics/MetricCardThree'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import ProductCardThree from '@/components/sections/product/ProductCardThree'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; -import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen'; +import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; import TextAbout from '@/components/sections/about/TextAbout'; -import { Globe, Layers, Users } from "lucide-react"; +import { Globe, Layers, Users, Star } from "lucide-react"; export default function LandingPage() { return ( @@ -32,14 +32,10 @@ export default function LandingPage() { @@ -103,18 +68,9 @@ export default function LandingPage() { animationType="slide-up" useInvertedBackground={true} products={[ - { - id: "1", name: "Obsidian Sneaker", price: "$340", imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-outdoor_624325-3549.jpg"}, - { - id: "2", name: "Architectural Hoodie", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2744.jpg"}, - { - id: "3", name: "Tactical Utility Pant", price: "$280", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-outdoors_23-2151038555.jpg"}, - { - id: "4", name: "Minimalist Tee", price: "$85", imageSrc: "http://img.b2bpic.net/free-vector/happy-new-year-2025-text-typography-design-element-flyer-banner-poster-design_460848-18792.jpg"}, - { - id: "5", name: "Cargo Tech Vest", price: "$190", imageSrc: "http://img.b2bpic.net/free-photo/soldier-russian-s-war-ukraine-side-view_23-2149437803.jpg"}, - { - id: "6", name: "Matte Accessory", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/skater-wearing-trucker-hat_23-2149431180.jpg"}, + { id: "1", name: "Obsidian Sneaker", price: "$340", imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-outdoor_624325-3549.jpg" }, + { id: "2", name: "Architectural Hoodie", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2744.jpg" }, + { id: "3", name: "Tactical Utility Pant", price: "$280", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-outdoors_23-2151038555.jpg" } ]} title="Current Collection" description="Each piece is limited. Once they are gone, they remain gone." @@ -125,10 +81,9 @@ export default function LandingPage() { @@ -138,97 +93,77 @@ export default function LandingPage() { useInvertedBackground={true} animationType="slide-up" metrics={[ - { - id: "m1", title: "Collectors", value: "10k+", icon: Users, - }, - { - id: "m2", title: "Pieces Crafted", value: "50k+", icon: Layers, - }, - { - id: "m3", title: "Global Drops", value: "120", icon: Globe, - }, + { id: "m1", title: "Active Collectors", value: "10k+", icon: Users }, + { id: "m2", title: "Artisan Pieces", value: "50k+", icon: Layers }, + { id: "m3", title: "Global Markets", value: "120", icon: Globe }, ]} - title="Our Impact" - description="Built for the rare enthusiast." + title="Exclusivity Metrics" + description="Quantifying the impact of our limited releases." />
-
-
-
); -} +} \ No newline at end of file diff --git a/src/app/styles/base.css b/src/app/styles/base.css index bbb522f..aa7fd03 100644 --- 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-source-sans-3), sans-serif; + font-family: var(--font-montserrat), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-source-sans-3), sans-serif; + font-family: var(--font-montserrat), sans-serif; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index b483a57..cc4d0d4 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #000000; - --card: #0c0c0c; + --background: #0a0a0a; + --card: #121212; --foreground: #ffffff; - --primary-cta: #cee7ff; + --primary-cta: #d4af37; --primary-cta-text: #000000; - --secondary-cta: #000000; + --secondary-cta: #1a1a1a; --secondary-cta-text: #ffffff; - --accent: #535353; - --background-accent: #CEE7FF; + --accent: #d4af37; + --background-accent: #262626; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);