Merge version_4 into main

Merge version_4 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"
     >
@@ -33,39 +34,25 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About Us",
+          name: "About Us",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Properties",
+          name: "Properties",          id: "properties"},
-          id: "properties",
-        },
         {
-          name: "Testimonials",
+          name: "Partners",          id: "trustbar"},
-          id: "testimonials",
-        },
         {
-          name: "FAQ",
+          name: "Testimonials",          id: "testimonials"},
-          id: "faq",
-        },
         {
-          name: "Contact",
+          name: "FAQ",          id: "faq"},
-          id: "contact",
+        {
-        },
+          name: "Contact",          id: "contact"},
       ]}
       button={{
-        text: "Get an Appraisal",
+        text: "Get an Appraisal",        href: "#contact"}}
-        href: "#contact",
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EVRgYuY7ghSw1qp8U2nI6YrSDI/uploaded-1780262418261-7acsgord.jpg"
-      }}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yg863p"
       logoAlt="ALPHATO Properties Logo"
       brandName="ALPHATO Properties"
     />
@@ -74,16 +61,12 @@ 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",
+          text: "Explore Properties",          href: "#properties"},
-          href: "#properties",
-        },
         {
-          text: "Get in Touch",
+          text: "Get in Touch",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-blue-farm-building-touching-cloudy-sky_181624-8393.jpg"
       imageAlt="Luxurious modern home exterior at twilight"
@@ -98,9 +81,7 @@ export default function LandingPage() {
       title="Your Trusted Partner in Real Estate Excellence"
       buttons={[
         {
-          text: "Learn More",
+          text: "Learn More",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -112,19 +93,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       negativeCard={{
         items: [
-          "Market Analysis",
+          "Market Analysis",          "Property Valuation",          "Legal Consultation",          "Loan Assistance"],
-          "Property Valuation",
-          "Legal Consultation",
-          "Loan Assistance",
-        ],
       }}
       positiveCard={{
         items: [
-          "Buying Representation",
+          "Buying Representation",          "Selling & Marketing",          "Property Management",          "Investment Advice"],
-          "Selling & Marketing",
-          "Property Management",
-          "Investment Advice",
-        ],
       }}
       title="Our Comprehensive Real Estate Services"
       description="We offer a full spectrum of services tailored to meet your unique property needs, ensuring a smooth and successful experience from start to finish."
@@ -139,47 +112,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Luxury Oceanfront Villa",          price: "$2,500,000",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-woman-stairs_23-2149204468.jpg",          imageAlt: "Luxury Oceanfront Villa"},
-          name: "Luxury Oceanfront Villa",
-          price: "$2,500,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-woman-stairs_23-2149204468.jpg",
-          imageAlt: "Luxury Oceanfront Villa",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Modern Downtown Apartment",          price: "$850,000",          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-brunette-woman-black-skirt-using-phone-terrace-city-view_197531-1893.jpg",          imageAlt: "Modern Downtown Apartment"},
-          name: "Modern Downtown Apartment",
-          price: "$850,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-brunette-woman-black-skirt-using-phone-terrace-city-view_197531-1893.jpg",
-          imageAlt: "Modern Downtown Apartment",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Spacious Suburban Family Home",          price: "$620,000",          imageSrc: "http://img.b2bpic.net/free-photo/china-old-garden_1127-3660.jpg",          imageAlt: "Spacious Suburban Family Home"},
-          name: "Spacious Suburban Family Home",
-          price: "$620,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/china-old-garden_1127-3660.jpg",
-          imageAlt: "Spacious Suburban Family Home",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Prime Commercial Office Space",          price: "$1,700,000",          imageSrc: "http://img.b2bpic.net/free-photo/building_1127-3295.jpg",          imageAlt: "Prime Commercial Office Space"},
-          name: "Prime Commercial Office Space",
-          price: "$1,700,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/building_1127-3295.jpg",
-          imageAlt: "Prime Commercial Office Space",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Charming Countryside Estate",          price: "$1,100,000",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-small-house-field_181624-48488.jpg",          imageAlt: "Charming Countryside Estate"},
-          name: "Charming Countryside Estate",
-          price: "$1,100,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-small-house-field_181624-48488.jpg",
-          imageAlt: "Charming Countryside Estate",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Exclusive Beachfront Penthouse",          price: "$3,200,000",          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-deck_1203-7234.jpg",          imageAlt: "Exclusive Beachfront Penthouse"},
-          name: "Exclusive Beachfront Penthouse",
-          price: "$3,200,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-deck_1203-7234.jpg",
-          imageAlt: "Exclusive Beachfront Penthouse",
-        },
       ]}
       title="Featured Properties for Sale"
       description="Explore our curated selection of properties, ranging from elegant family homes to lucrative commercial spaces. Find your next great investment or dream home with ALPHATO."
@@ -194,25 +137,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "250+",          title: "Properties Sold",          description: "Connecting buyers with their perfect homes.",          icon: Home,
-          value: "250+",
-          title: "Properties Sold",
-          description: "Connecting buyers with their perfect homes.",
-          icon: Home,
         },
         {
-          id: "m2",
+          id: "m2",          value: "98%",          title: "Client Satisfaction",          description: "Our clients consistently praise our service.",          icon: Smile,
-          value: "98%",
-          title: "Client Satisfaction",
-          description: "Our clients consistently praise our service.",
-          icon: Smile,
         },
         {
-          id: "m3",
+          id: "m3",          value: "15+",          title: "Years of Experience",          description: "Expertise guiding you through the market.",          icon: Calendar,
-          value: "15+",
-          title: "Years of Experience",
-          description: "Expertise guiding you through the market.",
-          icon: Calendar,
         },
       ]}
       title="Our Impact & Achievements"
@@ -220,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"
@@ -227,45 +171,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Sarah J.",          handle: "@sarah_invests",          testimonial: "ALPHATO Properties made selling my home effortless. Their marketing was exceptional, and I received multiple offers above asking price. Truly professional!",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-4019.jpg",          imageAlt: "Sarah J."},
-          name: "Sarah J.",
-          handle: "@sarah_invests",
-          testimonial: "ALPHATO Properties made selling my home effortless. Their marketing was exceptional, and I received multiple offers above asking price. Truly professional!",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-4019.jpg",
-          imageAlt: "Sarah J.",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Michael D.",          handle: "@mike_buys",          testimonial: "Finding our dream family home felt impossible until we worked with ALPHATO. They understood our needs perfectly and guided us to the right property.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-caucasian-man-pointing-finger-orange-shopping-bag-with-bought-items-standing-blue-back_1258-173899.jpg",          imageAlt: "Michael D."},
-          name: "Michael D.",
-          handle: "@mike_buys",
-          testimonial: "Finding our dream family home felt impossible until we worked with ALPHATO. They understood our needs perfectly and guided us to the right property.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-caucasian-man-pointing-finger-orange-shopping-bag-with-bought-items-standing-blue-back_1258-173899.jpg",
-          imageAlt: "Michael D.",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Emily R.",          handle: "@emily_realty",          testimonial: "As a first-time investor, I was nervous, but ALPHATO provided invaluable advice and found me a commercial property with excellent ROI potential. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",          imageAlt: "Emily R."},
-          name: "Emily R.",
-          handle: "@emily_realty",
-          testimonial: "As a first-time investor, I was nervous, but ALPHATO provided invaluable advice and found me a commercial property with excellent ROI potential. Highly recommend!",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",
-          imageAlt: "Emily R.",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "David & Maria K.",          handle: "@property_duo",          testimonial: "The ALPHATO team managed our rental properties with such efficiency and care. Our tenants are happy, and so are we. Seamless experience!",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-celebrating-birthday-together_23-2150598988.jpg",          imageAlt: "David and Maria K."},
-          name: "David & Maria K.",
-          handle: "@property_duo",
-          testimonial: "The ALPHATO team managed our rental properties with such efficiency and care. Our tenants are happy, and so are we. Seamless experience!",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-celebrating-birthday-together_23-2150598988.jpg",
-          imageAlt: "David and Maria K.",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Alex P.",          handle: "@alex_homes",          testimonial: "Their property appraisal was spot-on, and their guidance throughout the buying process was top-notch. Truly a cut above the rest in real estate.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",          imageAlt: "Alex P."},
-          name: "Alex P.",
-          handle: "@alex_homes",
-          testimonial: "Their property appraisal was spot-on, and their guidance throughout the buying process was top-notch. Truly a cut above the rest in real estate.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
-          imageAlt: "Alex P.",
-        },
       ]}
       title="What Our Clients Say"
       description="Hear directly from homeowners and investors who trusted ALPHATO Properties with their real estate needs."
@@ -277,30 +191,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "How do I get my property appraised?",          content: "You can request a professional property appraisal by filling out our contact form or calling our office directly. We'll schedule a convenient time for our experts to assess your property."},
-          title: "How do I get my property appraised?",
-          content: "You can request a professional property appraisal by filling out our contact form or calling our office directly. We'll schedule a convenient time for our experts to assess your property.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "What fees are involved in selling a property?",          content: "Selling fees typically include agent commissions, legal fees, and potential marketing costs. We provide a clear breakdown of all potential costs upfront, ensuring full transparency."},
-          title: "What fees are involved in selling a property?",
-          content: "Selling fees typically include agent commissions, legal fees, and potential marketing costs. We provide a clear breakdown of all potential costs upfront, ensuring full transparency.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Can ALPHATO Properties help with commercial real estate?",          content: "Yes, we specialize in both residential and commercial real estate. Our team has extensive experience in commercial property sales, leasing, and investment advisory."},
-          title: "Can ALPHATO Properties help with commercial real estate?",
-          content: "Yes, we specialize in both residential and commercial real estate. Our team has extensive experience in commercial property sales, leasing, and investment advisory.",
-        },
         {
-          id: "f4",
+          id: "f4",          title: "How long does the home buying process usually take?",          content: "The home buying process varies, but typically takes between 30 to 90 days from making an offer to closing, depending on financing, inspections, and negotiations."},
-          title: "How long does the home buying process usually take?",
-          content: "The home buying process varies, but typically takes between 30 to 90 days from making an offer to closing, depending on financing, inspections, and negotiations.",
-        },
         {
-          id: "f5",
+          id: "f5",          title: "Do you offer property management services?",          content: "Absolutely. Our property management services cover everything from tenant screening and rent collection to maintenance and legal compliance, ensuring your investment is well-cared for."},
-          title: "Do you offer property management services?",
-          content: "Absolutely. Our property management services cover everything from tenant screening and rent collection to maintenance and legal compliance, ensuring your investment is well-cared for.",
-        },
       ]}
       sideTitle="Your Questions, Answered"
       sideDescription="Browse our frequently asked questions to find quick answers about our services, process, and the real estate market."
@@ -313,8 +212,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Contact Us"
       title="Ready to Find Your Next Property?"
       description="Whether you're looking to buy, sell, or invest, our team is here to help. Reach out today for personalized assistance."
@@ -326,51 +224,36 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterBaseCard
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yg863p"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EVRgYuY7ghSw1qp8U2nI6YrSDI/uploaded-1780262418261-7acsgord.jpg"
       logoAlt="ALPHATO Properties Logo"
       logoText="ALPHATO Properties"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Properties",
+              label: "Properties",              href: "#properties"},
-              href: "#properties",
+            {
-            },
+              label: "Partners",              href: "#trustbar"}
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -380,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);