Update src/app/page.tsx

Merge version_1 into main

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';
@@ -30,31 +30,19 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "How It Works",
+          name: "How It Works",          id: "/how-it-works"},
-          id: "/how-it-works",
-        },
         {
-          name: "About Us",
+          name: "About Us",          id: "/about-us"},
-          id: "/about-us",
-        },
         {
-          name: "Sell Your Property",
+          name: "Sell Your Property",          id: "/sell-property"},
-          id: "/sell-property",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       brandName="WH Group Acquisitions"
       button={{
-        text: "Get My Offer",
+        text: "Get My Offer",        href: "/sell-property"}}
-        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",
+          text: "Get My Offer",          href: "/sell-property"},
-          href: "/sell-property",
-        },
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-sector_23-2151925487.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-sector_23-2151925487.jpg?_wi=1",          imageAlt: "Modern house with property"},
-          imageAlt: "Modern house with property",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-building-surrounded-by-green-landscape_181624-16315.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-building-surrounded-by-green-landscape_181624-16315.jpg",          imageAlt: "Vacant lot for development"},
-          imageAlt: "Vacant lot for development",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/housing-crisis-concept-illustrated_23-2151879987.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/housing-crisis-concept-illustrated_23-2151879987.jpg",          imageAlt: "Distressed property exterior"},
-          imageAlt: "Distressed property exterior",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/two-teen-student-walking-talking-about-study-after-school_1150-4657.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/two-teen-student-walking-talking-about-study-after-school_1150-4657.jpg",          imageAlt: "Residential land for sale"},
-          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",
+          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"},
-          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",
+          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"},
-          imageAlt: "Private property sale concept",
-        },
       ]}
     />
   </div>
@@ -104,37 +78,21 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "step1",
+          id: "step1",          title: "Submit Your Property Info",          descriptions: [
-          title: "Submit Your Property Info",
+            "Quickly provide us with details about your land or property online."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-124681.jpg"},
-            "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",
+          id: "step2",          title: "We Review & Contact You",          descriptions: [
-          title: "We Review & Contact You",
+            "Our team assesses your property and reaches out to discuss an offer."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-talking-mobile_23-2148937742.jpg"},
-            "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",
+          id: "step3",          title: "You Choose Our Offer",          descriptions: [
-          title: "You Choose Our Offer",
+            "Receive a fair, no-obligation cash offer and decide if it's right for you."],
-          descriptions: [
+          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"},
-            "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",
+          id: "step4",          title: "We Close on Your Timeline",          descriptions: [
-          title: "We Close on Your Timeline",
+            "If you accept, we handle all paperwork and close on your schedule."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-business-woman-front-door_23-2147653346.jpg"},
-            "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",
+        "Property Owners",        "Land Investors",        "Real Estate Partners",        "Developers",        "Local Authorities",        "Estate Managers",        "Financial Institutions"]}
-        "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",
+          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"},
-          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",
+          id: "2",          name: "Michael C.",          imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg"},
-          name: "Michael C.",
-          imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Emily R.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-man-laughing_1262-1566.jpg"},
-          name: "Emily R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-man-laughing_1262-1566.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "David K.",          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"},
-          name: "David K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Jessica L.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg"},
-          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,32 +139,43 @@ export default function LandingPage() {
   </div>
 
   <div id="contact-cta-home" data-section="contact-cta-home">
-      <ContactText
+      <ContactSplitForm
       useInvertedBackground={true}
-      background={{
+      title="Ready to Sell Your Property?"
-        variant: "radial-gradient",
+      description="Get a fair, no-obligation cash offer today! Fill out the form below to get started."
-      }}
+      inputs={[
-      text="Ready to Sell Your Property?\nGet a fair, no-obligation cash offer today!"
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
-      buttons={[
+        { name: "email", type: "email", placeholder: "Your Email", required: true },
-        {
+        { name: "phone", type: "tel", placeholder: "Your Phone Number" }
-          text: "Get Your Cash Offer",
-          href: "/sell-property",
-        },
       ]}
+      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={{
+      columns={[
-        text: "Privacy Policy",
+        {
-        href: "#",
+          items: [
-      }}
+            { label: "Home", href: "/" },
-      rightLink={{
+            { label: "How It Works", href: "/how-it-works" },
-        text: "Terms of Service",
+            { label: "About Us", href: "/about-us" },
-        href: "#",
+            { label: "Sell Your Property", href: "/sell-property" },
-      }}
+            { label: "Contact", href: "/contact" },
+          ],
+        },
+        {
+          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
+          ],
+        },
+      ]}
     />
   </div>
       </ReactLenis>

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;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
+  --background: #000000;
-  --card: #ffffff;
+  --card: #0c0c0c;
-  --foreground: #25190c;
+  --foreground: #ffffff;
-  --primary-cta: #ff6207;
+  --primary-cta: #106EFB;
   --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #000000;
   --secondary-cta-text: #25190c;
-  --accent: #ffce93;
+  --accent: #535353;
-  --background-accent: #e8cfa8;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);