Update src/app/styles/variables.css

Merge version_2 into main

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

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

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

src/app/page.tsx

@@ -14,16 +14,16 @@ 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">
@@ -181,4 +181,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0c0c0c;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
   --foreground: #ffffff;
-  --primary-cta: #106EFB;
-  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #000000;
-  --secondary-cta-text: #25190c;
-  --accent: #535353;
-  --background-accent: #106EFB;
+  --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);