diff --git a/src/app/page.tsx b/src/app/page.tsx index 580c645..3faa744 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,16 +2,16 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; +import ContactSplit from '@/components/sections/contact/ContactSplit'; import FaqBase from '@/components/sections/faq/FaqBase'; import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine'; -import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; +import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial'; import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import ProductCardFour from '@/components/sections/product/ProductCardFour'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; -import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; +import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve'; export default function LandingPage() { return ( @@ -21,10 +21,10 @@ export default function LandingPage() { borderRadius="pill" contentWidth="mediumSmall" sizing="mediumLargeSizeLargeTitles" - background="noise" - cardStyle="solid" - primaryButtonStyle="double-inset" - secondaryButtonStyle="layered" + background="none" + cardStyle="outline" + primaryButtonStyle="flat" + secondaryButtonStyle="solid" headingFontWeight="normal" > @@ -32,21 +32,13 @@ export default function LandingPage() { @@ -56,101 +48,21 @@ export default function LandingPage() { @@ -159,24 +71,11 @@ export default function LandingPage() { useInvertedBackground={false} heading={[ { - type: "text", - content: "Crafted with Purpose", - }, - { - type: "image", - src: "http://img.b2bpic.net/free-photo/man-manufacturing-clothes-medium-shot_23-2149007432.jpg", - alt: "Craftmanship", - }, - { - type: "text", - content: "for You", - }, + type: "text", content: "Crafted with Purpose"}, ]} buttons={[ { - text: "Our Story", - href: "#", - }, + text: "Our Story", href: "#"}, ]} /> @@ -189,26 +88,7 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Organic Cotton", - description: "Soft on skin and the planet.", - imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149134025.jpg", - titleImageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-top-view_23-2150264138.jpg", - buttonText: "Learn More", - }, - { - title: "Fair Trade", - description: "Supporting workers worldwide.", - imageSrc: "http://img.b2bpic.net/free-photo/model-details-wearing-blue-denim-jacket_150588-20.jpg", - titleImageSrc: "http://img.b2bpic.net/free-photo/woman-with-flowers-jacket-spreading-hands_23-2148098447.jpg", - buttonText: "Learn More", - }, - { - title: "Durable Design", - description: "Clothes built to last seasons.", - imageSrc: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8480.jpg", - titleImageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-mall_482257-91309.jpg", - buttonText: "Learn More", - }, + title: "Organic Cotton", description: "Soft on skin and the planet.", imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149134025.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-top-view_23-2150264138.jpg", buttonText: "Learn More"}, ]} title="Why Choose MODA?" description="We prioritize quality materials and ethical manufacturing." @@ -223,47 +103,7 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "1", - name: "Basic Tee", - price: "$29", - variant: "Cotton", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-fashionable-beautiful-woman-shirt-holding-want-buying-elegant-red-dress-brunette-girl-with-long-hair-choosing-look-evening-spanding-time-shoppinh-mall_132075-12220.jpg", - }, - { - id: "2", - name: "Denim Jacket", - price: "$89", - variant: "Denim", - imageSrc: "http://img.b2bpic.net/free-photo/sad-contemplative-woman-sitting-by-lake_23-2150516215.jpg", - }, - { - id: "3", - name: "Summer Dress", - price: "$69", - variant: "Linen", - imageSrc: "http://img.b2bpic.net/free-photo/full-length-shot-curly-woman-beige-long-trench-red-beret-posing-cafe_197531-16925.jpg", - }, - { - id: "4", - name: "Graphic Hoodie", - price: "$59", - variant: "Cotton", - imageSrc: "http://img.b2bpic.net/free-photo/fascinating-brunette-woman-straw-hat-chilling-home-cozy-boho-interior_273443-1394.jpg", - }, - { - id: "5", - name: "Slim Fit Jeans", - price: "$79", - variant: "Denim", - imageSrc: "http://img.b2bpic.net/free-photo/blue-jeans-fabric-details_150588-31.jpg", - }, - { - id: "6", - name: "Minimalist Scarf", - price: "$39", - variant: "Wool", - imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109523.jpg", - }, + id: "1", name: "Basic Tee", price: "$29", variant: "Cotton", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fashionable-beautiful-woman-shirt-holding-want-buying-elegant-red-dress-brunette-girl-with-long-hair-choosing-look-evening-spanding-time-shoppinh-mall_132075-12220.jpg"}, ]} title="Our Latest Arrivals" description="Explore the freshest looks for the new season." @@ -271,55 +111,16 @@ export default function LandingPage() {
-
@@ -328,14 +129,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Vogue", - "GQ", - "Harper's Bazaar", - "Elle", - "Cosmopolitan", - "InStyle", - "Glamour", - ]} + "Vogue", "GQ"]} title="As Featured In" description="Industry leaders in fashion innovation." /> @@ -347,20 +141,7 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "1", - title: "What is your return policy?", - content: "You can return items within 30 days of purchase.", - }, - { - id: "2", - title: "Do you ship worldwide?", - content: "Yes, we ship to over 100 countries globally.", - }, - { - id: "3", - title: "Are your materials sustainable?", - content: "Yes, we use 100% GOTS certified organic cotton.", - }, + id: "1", title: "What is your return policy?", content: "You can return items within 30 days of purchase."}, ]} title="Frequently Asked Questions" description="Common questions about our products and policies." @@ -369,67 +150,21 @@ export default function LandingPage() {
-
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 057d811..b65723d 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f5f5f5; + --background: #ffffff; --card: #ffffff; - --foreground: #1c1c1c; - --primary-cta: #1c1c1c; + --foreground: #000000; + --primary-cta: #000000; --primary-cta-text: #f5f5f5; - --secondary-cta: #ffffff; + --secondary-cta: #f0f0f0; --secondary-cta-text: #1c1c1c; - --accent: #159c49; - --background-accent: #a8e8ba; + --accent: #e0e0e0; + --background-accent: #f5f5f5; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);