Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -10,6 +10,7 @@ import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextAbout from '@/components/sections/about/TextAbout';
 import { Calendar, Home, Smile } from "lucide-react";
@@ -19,12 +20,12 @@ export default function LandingPage() {
     <ThemeProvider
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+        borderRadius="soft"
         contentWidth="smallMedium"
         sizing="largeSmallSizeLargeTitles"
         background="floatingGradient"
-        cardStyle="gradient-radial"
+        cardStyle="soft-shadow"
-        primaryButtonStyle="flat"
+        primaryButtonStyle="shadow"
         secondaryButtonStyle="glass"
         headingFontWeight="extrabold"
     >
@@ -40,6 +41,8 @@ export default function LandingPage() {
           name: "Services",          id: "services"},
         {
           name: "Properties",          id: "properties"},
+        {
+          name: "Partners",          id: "trustbar"},
         {
           name: "Testimonials",          id: "testimonials"},
         {
@@ -58,7 +61,7 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogo
       logoText="ALPHATO Properties"
-      description="Discover exceptional homes and investment opportunities. We connect you with your dream property, simplifying every step of the journey."
+      description="Unlock your dream property. We connect you with exceptional homes and investment opportunities, simplifying every step of your journey."
       buttons={[
         {
           text: "Explore Properties",          href: "#properties"},
@@ -148,6 +151,19 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="trustbar" data-section="trustbar">
+    <SocialProofOne
+      textboxLayout="default"
+      useInvertedBackground={true}
+      showCard={true}
+      names={[
+        "Global Corp",        "Innovate X",        "Summit Group",        "Eco Solutions",        "Future Builders",        "Nexus Holdings"
+      ]}
+      title="Trusted by Industry Leaders"
+      description="Our commitment to excellence is recognized by top companies and esteemed partners."
+    />
+  </div>
+
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSix
       animationType="slide-up"
@@ -220,6 +236,8 @@ export default function LandingPage() {
               label: "Services",              href: "#services"},
             {
               label: "Properties",              href: "#properties"},
+            {
+              label: "Partners",              href: "#trustbar"}
           ],
         },
         {
@@ -245,4 +263,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #e3deea;
+  --background: #f5f5f5;
   --card: #ffffff;
-  --foreground: #27231f;
+  --foreground: #1c1c1c;
-  --primary-cta: #27231f;
+  --primary-cta: #1f3251;
-  --primary-cta-text: #e3deea;
+  --primary-cta-text: #f5f5f5;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #27231f;
+  --secondary-cta-text: #1c1c1c;
-  --accent: #c68a62;
+  --accent: #15479c;
-  --background-accent: #c68a62;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);