Update src/app/styles/variables.css

Update src/app/sell-property/page.tsx
Update src/app/page.tsx
2026-05-31 02:57:56 +00:00 · 2026-05-31 02:57:55 +00:00 · 2026-05-31 02:57:55 +00:00 · 2026-05-31 02:57:54 +00:00 · 2026-05-31 02:57:54 +00:00 · 2026-05-31 02:57:54 +00:00
7 changed files with 175 additions and 322 deletions
--- a/src/app/about-us/page.tsx
+++ b/src/app/about-us/page.tsx
@@ -10,47 +10,35 @@ import TextAbout from '@/components/sections/about/TextAbout';
 export default function LandingPage() {
  return (
    <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="medium"
-        background="none"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="layered"
-        headingFontWeight="bold"
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="mediumLarge"
+        background="floatingGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
        {
-          name: "How It Works",
-          id: "/how-it-works",
-        },
+          name: "How It Works",          id: "/how-it-works"},
        {
-          name: "About Us",
-          id: "/about-us",
-        },
+          name: "About Us",          id: "/about-us"},
        {
-          name: "Sell Your Property",
-          id: "/sell-property",
-        },
+          name: "Sell Your Property",          id: "/sell-property"},
        {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
      ]}
      brandName="WH Group Acquisitions"
      button={{
-        text: "Get My Offer",
-        href: "/sell-property",
-      }}
+        text: "Get My Offer",        href: "/sell-property"}}
    />
  </div>

@@ -68,20 +56,11 @@ export default function LandingPage() {
      tag="Trusted Acquisitions"
      metrics={[
        {
-          id: "m1",
-          value: "100+",
-          description: "Properties Acquired",
-        },
+          id: "m1",          value: "100+",          description: "Properties Acquired"},
        {
-          id: "m2",
-          value: "98%",
-          description: "Seller Satisfaction",
-        },
+          id: "m2",          value: "98%",          description: "Seller Satisfaction"},
        {
-          id: "m3",
-          value: "7 Days",
-          description: "Average Closing Time",
-        },
+          id: "m3",          value: "7 Days",          description: "Average Closing Time"},
      ]}
      metricsAnimation="slide-up"
    />
@@ -91,16 +70,12 @@ export default function LandingPage() {
      <FooterLogoReveal
      logoText="WH Group Acquisitions"
      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+        text: "Privacy Policy",        href: "#"}}
      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+        text: "Terms of Service",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -10,47 +10,35 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 export default function LandingPage() {
  return (
    <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="medium"
-        background="none"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="layered"
-        headingFontWeight="bold"
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="mediumLarge"
+        background="floatingGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
        {
-          name: "How It Works",
-          id: "/how-it-works",
-        },
+          name: "How It Works",          id: "/how-it-works"},
        {
-          name: "About Us",
-          id: "/about-us",
-        },
+          name: "About Us",          id: "/about-us"},
        {
-          name: "Sell Your Property",
-          id: "/sell-property",
-        },
+          name: "Sell Your Property",          id: "/sell-property"},
        {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
      ]}
      brandName="WH Group Acquisitions"
      button={{
-        text: "Get My Offer",
-        href: "/sell-property",
-      }}
+        text: "Get My Offer",        href: "/sell-property"}}
    />
  </div>

@@ -58,18 +46,13 @@ export default function LandingPage() {
      <ContactText
      useInvertedBackground={false}
      background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
      text="Get in Touch with WH Group Acquisitions\nHave questions? Ready to get an offer? Contact us directly via phone, email, or by filling out the form below. We're here to help you sell your property quickly and easily.\n\nPhone: (555) 123-4567\nEmail: info@whgroupacquisitions.com"
      buttons={[
        {
-          text: "Call Us: (555) 123-4567",
-          href: "tel:+15551234567",
-        },
+          text: "Call Us: (555) 123-4567",          href: "tel:+15551234567"},
        {
-          text: "Email Us: info@whgroupacquisitions.com",
-          href: "mailto:info@whgroupacquisitions.com",
-        },
+          text: "Email Us: info@whgroupacquisitions.com",          href: "mailto:info@whgroupacquisitions.com"},
      ]}
    />
  </div>
@@ -79,14 +62,7 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
-        "Legal Counsel",
-        "Title Companies",
-        "Escrow Services",
-        "Surveyors",
-        "Appraisers",
-        "Environmental Firms",
-        "Local Developers",
-      ]}
+        "Legal Counsel",        "Title Companies",        "Escrow Services",        "Surveyors",        "Appraisers",        "Environmental Firms",        "Local Developers"]}
      title="Our Valued Partners"
      description="We work with a network of trusted professionals to ensure a smooth and efficient closing process for every property acquisition."
    />
@@ -96,16 +72,12 @@ export default function LandingPage() {
      <FooterLogoReveal
      logoText="WH Group Acquisitions"
      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+        text: "Privacy Policy",        href: "#"}}
      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+        text: "Terms of Service",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/how-it-works/page.tsx
+++ b/src/app/how-it-works/page.tsx
@@ -10,47 +10,35 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 export default function LandingPage() {
  return (
    <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="medium"
-        background="none"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="layered"
-        headingFontWeight="bold"
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="mediumLarge"
+        background="floatingGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
        {
-          name: "How It Works",
-          id: "/how-it-works",
-        },
+          name: "How It Works",          id: "/how-it-works"},
        {
-          name: "About Us",
-          id: "/about-us",
-        },
+          name: "About Us",          id: "/about-us"},
        {
-          name: "Sell Your Property",
-          id: "/sell-property",
-        },
+          name: "Sell Your Property",          id: "/sell-property"},
        {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
      ]}
      brandName="WH Group Acquisitions"
      button={{
-        text: "Get My Offer",
-        href: "/sell-property",
-      }}
+        text: "Get My Offer",        href: "/sell-property"}}
    />
  </div>

@@ -61,37 +49,21 @@ export default function LandingPage() {
      useInvertedBackground={false}
      features={[
        {
-          id: "step1",
-          title: "1. Submit Your Property Information",
-          descriptions: [
-            "Provide us with some basic details about your land or property through our secure online form. It's quick, easy, and no-obligation.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/adoption-application-family-guardianship-support-concept_53876-122724.jpg",
-        },
+          id: "step1",          title: "1. Submit Your Property Information",          descriptions: [
+            "Provide us with some basic details about your land or property through our secure online form. It's quick, easy, and no-obligation."],
+          imageSrc: "http://img.b2bpic.net/free-photo/adoption-application-family-guardianship-support-concept_53876-122724.jpg"},
        {
-          id: "step2",
-          title: "2. We Review & Contact You",
-          descriptions: [
-            "Our team of experts will promptly review your submission. We'll then contact you to discuss the property further and answer any questions you may have.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/female-architect-presenting-floor-plan-discussing-blueprint_74855-2763.jpg",
-        },
+          id: "step2",          title: "2. We Review & Contact You",          descriptions: [
+            "Our team of experts will promptly review your submission. We'll then contact you to discuss the property further and answer any questions you may have."],
+          imageSrc: "http://img.b2bpic.net/free-photo/female-architect-presenting-floor-plan-discussing-blueprint_74855-2763.jpg"},
        {
-          id: "step3",
-          title: "3. Receive a Fair Cash Offer",
-          descriptions: [
-            "Based on our assessment, you'll receive a transparent, no-obligation cash offer. There are no hidden fees, commissions, or repair requirements.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-sector_23-2151925494.jpg",
-        },
+          id: "step3",          title: "3. Receive a Fair Cash Offer",          descriptions: [
+            "Based on our assessment, you'll receive a transparent, no-obligation cash offer. There are no hidden fees, commissions, or repair requirements."],
+          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-sector_23-2151925494.jpg"},
        {
-          id: "step4",
-          title: "4. Close on Your Timeline",
-          descriptions: [
-            "If our offer works for you, we'll proceed with closing on your preferred schedule. We handle all the paperwork and ensure a smooth, private transaction.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/lease-renting-contract-residential-tenant-concept_53876-123695.jpg",
-        },
+          id: "step4",          title: "4. Close on Your Timeline",          descriptions: [
+            "If our offer works for you, we'll proceed with closing on your preferred schedule. We handle all the paperwork and ensure a smooth, private transaction."],
+          imageSrc: "http://img.b2bpic.net/free-photo/lease-renting-contract-residential-tenant-concept_53876-123695.jpg"},
      ]}
      title="Our Streamlined Process"
      description="Selling your property should be simple and transparent. Here’s a detailed breakdown of how WH Group Acquisitions makes it happen:"
@@ -103,20 +75,11 @@ export default function LandingPage() {
      useInvertedBackground={true}
      faqs={[
        {
-          id: "faq1",
-          title: "How quickly can you make an offer?",
-          content: "We can typically provide a fair cash offer within 24-48 hours after reviewing your property information. Our streamlined process ensures speed and efficiency.",
-        },
+          id: "faq1",          title: "How quickly can you make an offer?",          content: "We can typically provide a fair cash offer within 24-48 hours after reviewing your property information. Our streamlined process ensures speed and efficiency."},
        {
-          id: "faq2",
-          title: "Are there any fees or commissions?",
-          content: "No, WH Group Acquisitions does not charge any agent fees or commissions. The offer we make is the amount you receive, simplifying the selling process.",
-        },
+          id: "faq2",          title: "Are there any fees or commissions?",          content: "No, WH Group Acquisitions does not charge any agent fees or commissions. The offer we make is the amount you receive, simplifying the selling process."},
        {
-          id: "faq3",
-          title: "Do I need to make repairs to my property?",
-          content: "Absolutely not. We buy properties in 'as-is' condition, meaning you don't need to worry about costly repairs, cleaning, or staging. We handle everything.",
-        },
+          id: "faq3",          title: "Do I need to make repairs to my property?",          content: "Absolutely not. We buy properties in 'as-is' condition, meaning you don't need to worry about costly repairs, cleaning, or staging. We handle everything."},
      ]}
      sideTitle="Common Questions About Selling"
      sideDescription="Have more questions about our acquisition process? We've got answers to help you understand every step."
@@ -129,16 +92,12 @@ export default function LandingPage() {
      <FooterLogoReveal
      logoText="WH Group Acquisitions"
      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+        text: "Privacy Policy",        href: "#"}}
      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+        text: "Terms of Service",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,9 +2,9 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
@@ -14,47 +14,35 @@ import TextAbout from '@/components/sections/about/TextAbout';
 export default function LandingPage() {
  return (
    <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="medium"
-        background="none"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="layered"
-        headingFontWeight="bold"
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="mediumLarge"
+        background="floatingGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
        {
-          name: "How It Works",
-          id: "/how-it-works",
-        },
+          name: "How It Works",          id: "/how-it-works"},
        {
-          name: "About Us",
-          id: "/about-us",
-        },
+          name: "About Us",          id: "/about-us"},
        {
-          name: "Sell Your Property",
-          id: "/sell-property",
-        },
+          name: "Sell Your Property",          id: "/sell-property"},
        {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
      ]}
      brandName="WH Group Acquisitions"
      button={{
-        text: "Get My Offer",
-        href: "/sell-property",
-      }}
+        text: "Get My Offer",        href: "/sell-property"}}
    />
  </div>

@@ -64,35 +52,21 @@ export default function LandingPage() {
      description="Sell Your Land or Property Without the Hassle\nGet a fair cash offer from WH Group Acquisitions. No repairs, no agent fees, no pressure."
      buttons={[
        {
-          text: "Get My Offer",
-          href: "/sell-property",
-        },
+          text: "Get My Offer",          href: "/sell-property"},
      ]}
      slides={[
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-sector_23-2151925487.jpg",
-          imageAlt: "Modern house with property",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-sector_23-2151925487.jpg?_wi=1",          imageAlt: "Modern house with property"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-building-surrounded-by-green-landscape_181624-16315.jpg",
-          imageAlt: "Vacant lot for development",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-building-surrounded-by-green-landscape_181624-16315.jpg",          imageAlt: "Vacant lot for development"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/housing-crisis-concept-illustrated_23-2151879987.jpg",
-          imageAlt: "Distressed property exterior",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/housing-crisis-concept-illustrated_23-2151879987.jpg",          imageAlt: "Distressed property exterior"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/two-teen-student-walking-talking-about-study-after-school_1150-4657.jpg",
-          imageAlt: "Residential land for sale",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/two-teen-student-walking-talking-about-study-after-school_1150-4657.jpg",          imageAlt: "Residential land for sale"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-180715.jpg",
-          imageAlt: "Real estate transaction handshake",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-180715.jpg",          imageAlt: "Real estate transaction handshake"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-mortgage-concept-cheerful-man-holding-money-paper-house-smiling-excited_1258-160567.jpg",
-          imageAlt: "Private property sale concept",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-mortgage-concept-cheerful-man-holding-money-paper-house-smiling-excited_1258-160567.jpg",          imageAlt: "Private property sale concept"},
      ]}
    />
  </div>
@@ -104,37 +78,21 @@ export default function LandingPage() {
      useInvertedBackground={true}
      features={[
        {
-          id: "step1",
-          title: "Submit Your Property Info",
-          descriptions: [
-            "Quickly provide us with details about your land or property online.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-124681.jpg",
-        },
+          id: "step1",          title: "Submit Your Property Info",          descriptions: [
+            "Quickly provide us with details about your land or property online."],
+          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-124681.jpg"},
        {
-          id: "step2",
-          title: "We Review & Contact You",
-          descriptions: [
-            "Our team assesses your property and reaches out to discuss an offer.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-talking-mobile_23-2148937742.jpg",
-        },
+          id: "step2",          title: "We Review & Contact You",          descriptions: [
+            "Our team assesses your property and reaches out to discuss an offer."],
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-talking-mobile_23-2148937742.jpg"},
        {
-          id: "step3",
-          title: "You Choose Our Offer",
-          descriptions: [
-            "Receive a fair, no-obligation cash offer and decide if it's right for you.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/business-man-show-money-bank-note-make-financial-plan-invite-people-sell-buy-house-car-monetary-properties-loan-credit-insurance-concept_1150-13577.jpg",
-        },
+          id: "step3",          title: "You Choose Our Offer",          descriptions: [
+            "Receive a fair, no-obligation cash offer and decide if it's right for you."],
+          imageSrc: "http://img.b2bpic.net/free-photo/business-man-show-money-bank-note-make-financial-plan-invite-people-sell-buy-house-car-monetary-properties-loan-credit-insurance-concept_1150-13577.jpg"},
        {
-          id: "step4",
-          title: "We Close on Your Timeline",
-          descriptions: [
-            "If you accept, we handle all paperwork and close on your schedule.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-business-woman-front-door_23-2147653346.jpg",
-        },
+          id: "step4",          title: "We Close on Your Timeline",          descriptions: [
+            "If you accept, we handle all paperwork and close on your schedule."],
+          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-business-woman-front-door_23-2147653346.jpg"},
      ]}
      title="Our Simple Process"
      description="Selling your property with WH Group Acquisitions is straightforward and stress-free. Here's how it works:"
@@ -153,14 +111,7 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
-        "Property Owners",
-        "Land Investors",
-        "Real Estate Partners",
-        "Developers",
-        "Local Authorities",
-        "Estate Managers",
-        "Financial Institutions",
-      ]}
+        "Property Owners",        "Land Investors",        "Real Estate Partners",        "Developers",        "Local Authorities",        "Estate Managers",        "Financial Institutions"]}
      title="Trusted by Property Owners"
      description="We've helped numerous property owners achieve a quick, private, and stress-free sale."
    />
@@ -171,30 +122,15 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "1",
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-house-model-suit-looking-cheerful-front-view_176474-14760.jpg",
-        },
+          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-house-model-suit-looking-cheerful-front-view_176474-14760.jpg"},
        {
-          id: "2",
-          name: "Michael C.",
-          imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
-        },
+          id: "2",          name: "Michael C.",          imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg"},
        {
-          id: "3",
-          name: "Emily R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-man-laughing_1262-1566.jpg",
-        },
+          id: "3",          name: "Emily R.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-man-laughing_1262-1566.jpg"},
        {
-          id: "4",
-          name: "David K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
-        },
+          id: "4",          name: "David K.",          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"},
        {
-          id: "5",
-          name: "Jessica L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
-        },
+          id: "5",          name: "Jessica L.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg"},
      ]}
      cardTitle="What Our Sellers Say"
      cardTag="Testimonials"
@@ -203,35 +139,46 @@ export default function LandingPage() {
  </div>

  <div id="contact-cta-home" data-section="contact-cta-home">
-      <ContactText
+      <ContactSplitForm
      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
-      text="Ready to Sell Your Property?\nGet a fair, no-obligation cash offer today!"
-      buttons={[
-        {
-          text: "Get Your Cash Offer",
-          href: "/sell-property",
-        },
+      title="Ready to Sell Your Property?"
+      description="Get a fair, no-obligation cash offer today! Fill out the form below to get started."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Your Email", required: true },
+        { name: "phone", type: "tel", placeholder: "Your Phone Number" }
      ]}
+      textarea={{ name: "message", placeholder: "Tell us about your property", rows: 4 }}
+      imageSrc="http://img.b2bpic.net/free-photo/real-estate-sector_23-2151925487.jpg?_wi=2"
+      mediaPosition="right"
+      buttonText="Get Your Cash Offer"
+      onSubmit={() => alert("Form submitted!")}
    />
  </div>

  <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterLogoEmphasis
      logoText="WH Group Acquisitions"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+      columns={[
+        {
+          items: [
+            { label: "Home", href: "/" },
+            { label: "How It Works", href: "/how-it-works" },
+            { label: "About Us", href: "/about-us" },
+            { label: "Sell Your Property", href: "/sell-property" },
+            { label: "Contact", href: "/contact" },
+          ],
+        },
+        {
+          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
+          ],
+        },
+      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/sell-property/page.tsx
+++ b/src/app/sell-property/page.tsx
@@ -10,16 +10,16 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 export default function LandingPage() {
  return (
    <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="medium"
-        background="none"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="layered"
-        headingFontWeight="bold"
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="mediumLarge"
+        background="floatingGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
@@ -86,4 +86,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- 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-nunito-sans), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-nunito-sans), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f7f6f7;
-  --card: #ffffff;
-  --foreground: #25190c;
-  --primary-cta: #ff6207;
-  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #25190c;
-  --accent: #ffce93;
-  --background-accent: #e8cfa8;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #1f7cff;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #010101;
+  --secondary-cta-text: #ffffff;
+  --accent: #1f7cff;
+  --background-accent: #f96b2f;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	a678e8c0a4	Update src/app/styles/variables.css	2026-05-31 02:57:56 +00:00
bender	bcae44a6b6	Update src/app/sell-property/page.tsx	2026-05-31 02:57:55 +00:00
bender	ce6aea84e4	Update src/app/page.tsx	2026-05-31 02:57:55 +00:00
bender	acfa028ca3	Update src/app/how-it-works/page.tsx	2026-05-31 02:57:54 +00:00
bender	4c4013f908	Update src/app/contact/page.tsx	2026-05-31 02:57:54 +00:00
bender	a8d9f13a7f	Update src/app/about-us/page.tsx	2026-05-31 02:57:54 +00:00
bender	be46ab5834	Merge version_2 into main Merge version_2 into main	2026-05-31 02:48:30 +00:00
bender	8958f16d3a	Update src/app/page.tsx	2026-05-31 02:48:27 +00:00
bender	fe51a7eb71	Merge version_2 into main Merge version_2 into main	2026-05-31 02:48:06 +00:00
bender	1ee52106cb	Update src/app/styles/variables.css	2026-05-31 02:48:03 +00:00
bender	5e86086fd6	Update src/app/styles/base.css	2026-05-31 02:48:03 +00:00
bender	e4fef8a092	Update src/app/page.tsx	2026-05-31 02:48:02 +00:00
bender	788e3bf336	Merge version_1 into main Merge version_1 into main	2026-05-31 02:43:40 +00:00