Update src/app/styles/variables.css

Merge version_3 into main

src/app/page.tsx

@@ -10,6 +10,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
 import TextAbout from '@/components/sections/about/TextAbout';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import { Globe, Lock, MapPin, MessageSquare, ShieldCheck } from "lucide-react";
 
 export default function LandingPage() {
@@ -30,14 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",          id: "home"},
-        {
-          name: "Find Rooms",          id: "listings"},
-        {
-          name: "Founder",          id: "founder"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "home"},
+        { name: "Find Rooms", id: "listings"},
+        { name: "Founder", id: "founder"},
+        { name: "Reviews", id: "reviews"},
+        { name: "Contact", id: "contact"},
       ]}
       brandName="Fariborz"
     />
@@ -45,61 +43,17 @@ export default function LandingPage() {
 
   <div id="home" data-section="home">
       <HeroBillboardTestimonial
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars"}}
       title="Fariborz: Your Home Away From Home in Turkey"
       description="Find the perfect roommate or shared space across Turkey with our trusted community platform, now with enhanced filtering to match your exact needs."
       testimonials={[
-        {
-          name: "Ali Yilmaz",          handle: "@ali.y",          testimonial: "I found a great apartment in Istanbul thanks to Fariborz. Easy and reliable!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/teamwork-cooperation-concept_273609-6355.jpg"},
-        {
-          name: "Zeynep Demir",          handle: "@zey.dem",          testimonial: "Excellent platform, very easy to use to find roommates in Ankara.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-beautiful-business-woman_1262-2981.jpg"},
-        {
-          name: "Mehmet Oz",          handle: "@mo.oz",          testimonial: "Verified profiles made me feel safe. Highly recommend to students.",          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"},
-        {
-          name: "Ayse Kara",          handle: "@ayse.k",          testimonial: "Found a roommate in days. The filter system works perfectly.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-stretches-her-hands-camera-emotion-concept_169016-65775.jpg"},
-        {
-          name: "Burak Can",          handle: "@b.can",          testimonial: "The translation features helped a lot since I'm new here.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-woman-trendy-summer-dress-sexy-carefree-woman-posing-street-background-sunset-positive-model-laughing-outdoors-cheerful-happy-winking_158538-26023.jpg"},
+        { name: "Ali Yilmaz", handle: "@ali.y", testimonial: "I found a great apartment in Istanbul thanks to Fariborz. Easy and reliable!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teamwork-cooperation-concept_273609-6355.jpg"},
+        { name: "Zeynep Demir", handle: "@zey.dem", testimonial: "Excellent platform, very easy to use to find roommates in Ankara.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-beautiful-business-woman_1262-2981.jpg"},
+        { name: "Mehmet Oz", handle: "@mo.oz", testimonial: "Verified profiles made me feel safe. Highly recommend to students.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"},
       ]}
       buttons={[
-        {
-          text: "Find a Home",          href: "#listings"},
-        {
-          text: "About Founder",          href: "#founder"},
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/colleagues-studying-from-notebooks-study-session_23-2149265721.jpg",          alt: "Colleagues studying from notebooks"},
-        {
-          src: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361550.jpg",          alt: "Colleagues doing team work"},
-        {
-          src: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361535.jpg",          alt: "Colleagues doing team work"},
-        {
-          src: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361569.jpg",          alt: "Colleagues doing team work"},
-        {
-          src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",          alt: "Joyful business woman"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text-icon",          text: "Verified Profiles",          icon: ShieldCheck,
-        },
-        {
-          type: "text-icon",          text: "Multilingual Support",          icon: Globe,
-        },
-        {
-          type: "text-icon",          text: "Real-time Chat",          icon: MessageSquare,
-        },
-        {
-          type: "text-icon",          text: "Safe Transactions",          icon: Lock,
-        },
-        {
-          type: "text-icon",          text: "Available Nationwide",          icon: MapPin,
-        },
+        { text: "Find a Home", href: "#listings"},
+        { text: "About Founder", href: "#founder"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/high-angle-friends-spending-time-indoors_52683-91904.jpg"
     />
@@ -109,10 +63,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Connecting People for a Better Living Experience"
-      buttons={[
-        {
-          text: "Browse Listings",          href: "#listings"},
-      ]}
+      buttons={[{ text: "Browse Listings", href: "#listings"}]}
     />
   </div>
 
@@ -123,18 +74,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
-          id: "1",          name: "Modern Flat in Istanbul",          price: "₺5,000/mo",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-teens-spending-time-together_23-2149604069.jpg"},
-        {
-          id: "2",          name: "Shared Room in Ankara",          price: "₺3,200/mo",          imageSrc: "http://img.b2bpic.net/free-photo/house-interior-with-leather-couch-comfortable-bean-bag-awaiting-guests-arrive_482257-103861.jpg"},
-        {
-          id: "3",          name: "Cozy Space in Izmir",          price: "₺2,800/mo",          imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-2408.jpg"},
-        {
-          id: "4",          name: "Student Housing Istanbul",          price: "₺4,500/mo",          imageSrc: "http://img.b2bpic.net/free-photo/roommates-spending-time-indoors-full-shot_23-2149358507.jpg"},
-        {
-          id: "5",          name: "Studio in Antalya",          price: "₺6,000/mo",          imageSrc: "http://img.b2bpic.net/free-photo/interracial-couple-getting-ready-move_23-2149094080.jpg"},
-        {
-          id: "6",          name: "Shared Flat in Bursa",          price: "₺3,000/mo",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-black-girl-pink-t-shirt-blue-jeans-sitting-home-kitchen_1157-14115.jpg"},
+        { id: "1", name: "Modern Flat in Istanbul", price: "₺5,000/mo", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-teens-spending-time-together_23-2149604069.jpg"},
+        { id: "2", name: "Shared Room in Ankara", price: "₺3,200/mo", imageSrc: "http://img.b2bpic.net/free-photo/house-interior-with-leather-couch-comfortable-bean-bag-awaiting-guests-arrive_482257-103861.jpg"},
+        { id: "3", name: "Cozy Space in Izmir", price: "₺2,800/mo", imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-2408.jpg"},
       ]}
       title="Available Rooms & Roommates"
       description="Explore curated spaces and roommate requests in major Turkish cities with our advanced filtering system."
@@ -143,15 +85,30 @@ export default function LandingPage() {
 
   <div id="founder" data-section="founder">
       <TeamCardFive
-      textboxLayout="default"
+      textboxLayout="inline-image"
       useInvertedBackground={false}
       animationType="slide-up"
       team={[
-        {
-          id: "dr-saberi",          name: "Dr. Saberi",          role: "Founder & CEO",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DVVIzEt5SeHDDzcTL9NoGz0wwq/uploaded-1778367196749-db6isjtu.jpg"},
+        { id: "dr-saberi", name: "Dr. Saberi", role: "Founder, CEO & Lead Advisor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DVVIzEt5SeHDDzcTL9NoGz0wwq/uploaded-1778367196749-db6isjtu.jpg"},
       ]}
       title="Our Founder: Dr. Saberi"
-      description="Dr. Saberi is a dedicated individual who founded Fariborz to make finding shared housing easier for everyone in Turkey. His kindness and hard work are the foundation of this platform."
+      description="Dr. Saberi founded Fariborz with a mission to simplify housing for international students and professionals. He brings years of experience in communal living research and personally oversees our safety verification processes."
+    />
+  </div>
+
+  <div id="reviews" data-section="reviews">
+      <TestimonialCardOne
+      title="Roommate & Owner Experiences"
+      description="Real feedback from members of our community regarding their living experiences and roommate interactions."
+      gridVariant="three-columns-all-equal-width"
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={true}
+      testimonials={[
+        { id: "1", name: "Sarah J.", role: "Flatmate", company: "Istanbul", rating: 5 },
+        { id: "2", name: "Omar K.", role: "Owner", company: "Ankara", rating: 4 },
+        { id: "3", name: "Elena V.", role: "Flatmate", company: "Izmir", rating: 5 },
+      ]}
     />
   </div>
 
@@ -160,14 +117,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "1",          title: "How to register?",          content: "Simply sign up with your email and verify your profile."},
-        {
-          id: "2",          title: "Are profiles verified?",          content: "Yes, we prioritize safety by verifying user identity documents."},
-        {
-          id: "3",          title: "Is it free to use?",          content: "Basic features are free, with premium options for higher visibility."},
-        {
-          id: "4",          title: "Do you support multiple languages?",          content: "Yes, our interface and filtering system are fully optimized for multilingual accessibility."},
+        { id: "1", title: "How to register?", content: "Simply sign up with your email and verify your profile."},
+        { id: "2", title: "Are profiles verified?", content: "Yes, we prioritize safety by verifying user identity documents."},
+        { id: "3", title: "Is it free to use?", content: "Basic features are free, with premium options for higher visibility."},
       ]}
       title="Frequently Asked Questions"
       description="Have questions about using Fariborz? We have answers."
@@ -178,15 +130,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain"}}
       tag="Get in Touch"
       title="Need Help Finding a Roommate?"
       description="Our support team is available 24/7 to assist you in English, Persian, Arabic, Russian, and Turkish."
-      buttons={[
-        {
-          text: "Email Us",          href: "mailto:support@fariborz.com"},
-      ]}
+      buttons={[{ text: "Email Us", href: "mailto:support@fariborz.com"}]}
     />
   </div>
 
@@ -194,26 +142,12 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Fariborz"
       columns={[
-        {
-          title: "Links",          items: [
-            {
-              label: "Find Rooms",              href: "#listings"},
-            {
-              label: "Founder Info",              href: "#founder"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "FAQ",              href: "#faq"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
+        { title: "Links", items: [{ label: "Find Rooms", href: "#listings"}, { label: "Founder Info", href: "#founder"}] },
+        { title: "Support", items: [{ label: "FAQ", href: "#faq"}, { label: "Contact", href: "#contact"}] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120006e6;
-  --primary-cta: #e63946;
+  --background: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #120006e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);