Update src/app/page.tsx

Merge version_6 into main

src/app/layout.tsx

@@ -5,7 +5,8 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Marketing Pro - Data-Driven Marketing Excellence",  description: "Transform your brand with proven marketing strategies. We craft data-driven campaigns that elevate your brand, engage your audience, and drive measurable growth."};
+  title: "San Francisco Real Estate | Premier Realtor Services",  description: "Discover luxury properties and expert real estate services in San Francisco. We specialize in residential and commercial properties with personalized guidance from experienced realtors."
+};
 
 export default function RootLayout({
   children,

src/app/page.tsx

@@ -11,7 +11,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Award, Facebook, Heart, Instagram, Linkedin, Mail, Sparkles, Target, TrendingUp, Twitter, Users, ArrowRight } from "lucide-react";
+import { MapPin, Facebook, Home, Instagram, Linkedin, Mail, Sparkles, Target, TrendingUp, Twitter, Users, ArrowRight, Heart } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,11 +29,12 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleApple
-          brandName="Marketing Pro"
+          brandName="SF Realty"
           navItems={[
-            { name: "Services", id: "services" },
+            { name: "Properties", id: "properties" },
-            { name: "Portfolio", id: "portfolio" },
             { name: "About", id: "about" },
+            { name: "Services", id: "services" },
+            { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" },
           ]}
         />
@@ -41,107 +42,118 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroSplitDualMedia
-          title="Drive 300% ROI Growth Within 90 Days"
+          title="Discover Your Dream Home in San Francisco"
-          description="Unlock measurable revenue acceleration through data-driven marketing strategies. Then partner with experts who understand your vision and deliver proven results."
+          description="Expert real estate guidance for luxury properties across San Francisco. From waterfront penthouses to charming Victorian homes, we help you find the perfect property with personalized service and deep market knowledge."
-          tag="Marketing Excellence"
+          tag="Premium Real Estate"
-          tagIcon={Sparkles}
+          tagIcon={MapPin}
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
           buttons={[
-            { text: "Get Started", href: "#contact" },
+            { text: "Browse Properties", href: "#properties" },
-            { text: "Learn More", href: "#about" },
+            { text: "Schedule Consultation", href: "#contact" },
           ]}
           buttonAnimation="blur-reveal"
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/tablet-shows-analytics-data-meeting_482257-120318.jpg?_wi=1",              imageAlt: "Digital marketing strategy and analytics"},
+              imageSrc: "http://img.b2bpic.net/free-photo/cool-staircase-with-lights-modern-building_181624-20967.jpg?id=10991236",              imageAlt: "Modern luxury home in San Francisco"
+            },
             {
-              imageSrc: "http://img.b2bpic.net/free-vector/creative-abstract-company-card_23-2148455818.jpg",              imageAlt: "Creative brand identity design"},
+              imageSrc: "http://img.b2bpic.net/free-photo/axelborg-towers-modern-architecture_181624-37834.jpg?id=15036385",              imageAlt: "Waterfront property with city views"
+            }
           ]}
           mediaAnimation="slide-up"
           rating={5}
-          ratingText="Trusted by 150+ brands worldwide"
+          ratingText="Trusted by 500+ satisfied clients"
         />
       </div>
 
       <div id="about" data-section="about">
         <InlineImageSplitTextAbout
           heading={[
-            { type: "text", content: "We blend creativity with" },
+            { type: "text", content: "Your trusted partner in San Francisco" },
             {
-              type: "image",              src: "http://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571066.jpg",              alt: "Agency collaboration"},
+              type: "image",              src: "https://images.unsplash.com/photo-1560440021-33f237b74ead?w=400&q=80",              alt: "Professional real estate team"
-            { type: "text", content: "data-driven insights to deliver exceptional results" },
+            },
+            { type: "text", content: "real estate with expert guidance and market excellence" }
           ]}
           buttons={[
-            { text: "Our Team", href: "#" },
+            { text: "Meet Our Team", href: "#" },
-            { text: "Our Process", href: "#" },
+            { text: "Our Approach", href: "#" }
           ]}
           buttonAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="services" data-section="services">
+      <div id="properties" data-section="properties">
-        <FeatureCardTwentySix
-          title="Our Core Services"
-          description="Comprehensive marketing solutions designed to accelerate your business growth and brand presence"
-          tag="What We Offer"
-          tagIcon={Target}
-          tagAnimation="slide-up"
-          features={[
-            {
-              title: "Social Media Marketing",              description: "Strategic campaigns across all major platforms to engage your audience and build brand loyalty",              imageSrc: "http://img.b2bpic.net/free-photo/social-media-marketing-concept-marketing-with-applications_23-2150063161.jpg",              imageAlt: "Social media marketing campaigns",              buttonIcon: ArrowRight,
-              buttonHref: "#"},
-            {
-              title: "Content Creation & Strategy",              description: "Compelling storytelling that resonates with your audience and drives meaningful engagement",              imageSrc: "http://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg",              imageAlt: "Content creation and copywriting",              buttonIcon: ArrowRight,
-              buttonHref: "#"},
-            {
-              title: "Performance Analytics",              description: "Data-driven insights that measure results, optimize campaigns, and maximize ROI",              imageSrc: "http://img.b2bpic.net/free-photo/employee-editing-documents-desktop-computer-office-desk_482257-126550.jpg",              imageAlt: "Analytics and performance metrics",              buttonIcon: ArrowRight,
-              buttonHref: "#"},
-            {
-              title: "Brand Development",              description: "Full-service branding from identity design to brand voice that sets you apart",              imageSrc: "http://img.b2bpic.net/free-vector/colorful-minimal-business-card-template_23-2148373393.jpg",              imageAlt: "Brand identity and logo design",              buttonIcon: ArrowRight,
-              buttonHref: "#"},
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={true}
-          buttons={[{ text: "Explore Services", href: "#" }]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="portfolio" data-section="portfolio">
         <ProductCardOne
-          title="Recent Projects"
+          title="Featured Properties"
-          description="Explore our portfolio of successful campaigns and brand transformations"
+          description="Explore our curated selection of premium properties available in San Francisco and surrounding areas"
-          tag="Case Studies"
+          tag="Available Now"
-          tagIcon={Award}
+          tagIcon={Home}
           tagAnimation="slide-up"
           products={[
             {
-              id: "1",              name: "E-Commerce Brand Overhaul",              price: "+240% Traffic Growth",              imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-cart-e-commers-concept_53876-127436.jpg",              imageAlt: "Ecommerce brand campaign"},
+              id: "1",              name: "Pacific Heights Victorian",              price: "$3.2M",              imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=600&q=80",              imageAlt: "Victorian home in Pacific Heights"
+            },
             {
-              id: "2",              name: "SaaS Launch Campaign",              price: "+180% Conversions",              imageSrc: "http://img.b2bpic.net/free-psd/winning-marketing-game-online-template_23-2151997287.jpg",              imageAlt: "SaaS product launch marketing"},
+              id: "2",              name: "Downtown Luxury Condo",              price: "$2.8M",              imageSrc: "https://images.unsplash.com/photo-1588195538326-c5b1e9f80a1b?w=600&q=80",              imageAlt: "Downtown luxury condominium"
+            },
             {
-              id: "3",              name: "Mobile App Growth",              price: "+500K Users",              imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg",              imageAlt: "Mobile app growth strategy"},
+              id: "3",              name: "Marina District Waterfront",              price: "$4.5M",              imageSrc: "https://images.unsplash.com/photo-1600573472550-ba4707142601?w=600&q=80",              imageAlt: "Waterfront property in Marina District"
+            }
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "View All Projects", href: "#" }]}
+          buttons={[{ text: "View All Properties", href: "#" }]}
           buttonAnimation="blur-reveal"
         />
       </div>
 
+      <div id="services" data-section="services">
+        <FeatureCardTwentySix
+          title="Our Real Estate Services"
+          description="Comprehensive solutions for buyers, sellers, and investors in the San Francisco market"
+          tag="What We Offer"
+          tagIcon={Target}
+          tagAnimation="slide-up"
+          features={[
+            {
+              title: "Residential Sales & Purchases",              description: "Expert guidance for buying and selling residential properties with competitive market analysis and negotiation",              imageSrc: "https://images.unsplash.com/photo-1566073771259-6a8506099945?w=600&q=80",              imageAlt: "Residential property sale",              buttonIcon: ArrowRight,
+              buttonHref: "#"
+            },
+            {
+              title: "Investment Properties",              description: "Strategic advice for real estate investors seeking portfolio growth and income-generating properties",              imageSrc: "https://images.unsplash.com/photo-1552883271-fbf040c6637d?w=600&q=80",              imageAlt: "Investment property analysis",              buttonIcon: ArrowRight,
+              buttonHref: "#"
+            },
+            {
+              title: "Commercial Real Estate",              description: "Specialized solutions for business property transactions and commercial real estate opportunities",              imageSrc: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=600&q=80",              imageAlt: "Commercial real estate office",              buttonIcon: ArrowRight,
+              buttonHref: "#"
+            },
+            {
+              title: "Market Analysis & Consulting",              description: "Detailed market reports and expert consulting to help you make informed real estate decisions",              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c838d?w=600&q=80",              imageAlt: "Real estate market analysis",              buttonIcon: ArrowRight,
+              buttonHref: "#"
+            }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={true}
+          buttons={[{ text: "Explore Our Services", href: "#" }]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
       <div id="trust" data-section="trust">
         <SocialProofOne
-          title="Trusted by Over 10,000 People"
+          title="Trusted by San Francisco's Leading Buyers & Sellers"
-          description="Join thousands of satisfied clients who've transformed their brands with us"
+          description="Join thousands of satisfied clients who have successfully bought, sold, or invested in properties"
-          tag="Social Proof"
+          tag="Industry Leaders"
           tagIcon={Users}
           tagAnimation="slide-up"
           names={[
-            "TechFlow Inc",            "Creative Studios",            "Digital Ventures",            "Growth Labs",            "Innovation Hub",            "Brand Factory"]}
+            "Compass",            "Sotheby's International",            "Coldwell Banker",            "Corcoran Group",            "RE/MAX",            "Berkshire Hathaway HomeServices"
+          ]}
           textboxLayout="default"
           useInvertedBackground={false}
           speed={40}
@@ -151,24 +163,24 @@ export default function LandingPage() {
 
       <div id="metrics" data-section="metrics">
         <MetricCardSeven
-          title="Our Impact by the Numbers"
+          title="Our Track Record in San Francisco Real Estate"
-          description="Proven results that demonstrate our commitment to client success"
+          description="Proven success with data-driven insights and exceptional client satisfaction"
           tag="Performance"
           tagIcon={TrendingUp}
           tagAnimation="slide-up"
           metrics={[
             {
-              id: "1",              value: "150+",              title: "Successful Campaigns",              items: ["Diverse industries served", "Cross-channel expertise", "Proven track record"],
+              id: "1",              value: "500+",              title: "Successful Transactions",              items: ["Residential & commercial", "First-time buyers to investors", "Personalized service"]
             },
             {
-              id: "2",              value: "$50M+",              title: "Total Client Revenue Generated",              items: ["Direct marketing ROI", "Growth acceleration", "Measurable results"],
+              id: "2",              value: "$1.2B+",              title: "Total Property Sales Volume",              items: ["Consistent market growth", "Competitive pricing", "Strong negotiation results"]
             },
             {
-              id: "3",              value: "98%",              title: "Client Satisfaction Rate",              items: ["Long-term partnerships", "Dedicated support", "Continuous optimization"],
+              id: "3",              value: "98%",              title: "Client Satisfaction Rate",              items: ["Long-term relationships", "Repeat clients", "Referral-based growth"]
             },
             {
-              id: "4",              value: "12 yrs",              title: "Industry Experience",              items: ["Expert team members", "Proven methodology", "Market leadership"],
+              id: "4",              value: "15 yrs",              title: "San Francisco Market Experience",              items: ["Deep local knowledge", "Network advantages", "Market expertise"]
-            },
+            }
           ]}
           animationType="scale-rotate"
           textboxLayout="default"
@@ -181,23 +193,29 @@ export default function LandingPage() {
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSix
           title="What Our Clients Say"
-          description="Real testimonials from brands we've helped grow and transform"
+          description="Real testimonials from satisfied buyers, sellers, and investors"
-          tag="Client Success"
+          tag="Client Success Stories"
           tagIcon={Heart}
           tagAnimation="slide-up"
           testimonials={[
             {
-              id: "1",              name: "Sarah Chen",              handle: "@sarahchen",              testimonial: "Their team transformed our entire marketing strategy. Within 6 months, our engagement tripled and we saw real ROI. Highly recommended!",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Sarah Chen"},
+              id: "1",              name: "Margaret Chen",              handle: "@margaretchen",              testimonial: "The team helped us find our dream home in Pacific Heights. Their market knowledge and negotiation skills saved us over $100k. Highly recommended!",              imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&q=80",              imageAlt: "Margaret Chen"
+            },
             {
-              id: "2",              name: "James Rodriguez",              handle: "@jrodriguez",              testimonial: "Professional, creative, and results-driven. They understood our vision and executed flawlessly. A true partnership.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "James Rodriguez"},
+              id: "2",              name: "James Rodriguez",              handle: "@jrodriguez",              testimonial: "As a first-time homebuyer, I was nervous. Their team guided me through every step with professionalism and genuine care. Best decision we made!",              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&q=80&_wi=1",              imageAlt: "James Rodriguez"
+            },
             {
-              id: "3",              name: "Emma Williams",              handle: "@emmawilliams",              testimonial: "The best agency we've worked with. Data-driven approach combined with genuine creative talent. Worth every penny.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Emma Williams"},
+              id: "3",              name: "Emma Thompson",              handle: "@emmathompson",              testimonial: "They sold our commercial property for above asking price. Their marketing strategy and network is unmatched in SF.",              imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&q=80",              imageAlt: "Emma Thompson"
+            },
             {
-              id: "4",              name: "Michael Park",              handle: "@mpark",              testimonial: "From strategy to execution, they delivered beyond expectations. Our brand visibility increased significantly.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",              imageAlt: "Michael Park"},
+              id: "4",              name: "David Park",              handle: "@dpark",              testimonial: "Investment property expert! They identified a perfect opportunity that's already appreciated 20%. Outstanding service.",              imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=150&q=80",              imageAlt: "David Park"
+            },
             {
-              id: "5",              name: "Lisa Thompson",              handle: "@lisathompson",              testimonial: "Exceptional communication and transparency throughout the project. They became true partners in our success story.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5",              imageAlt: "Lisa Thompson"},
+              id: "5",              name: "Lisa Anderson",              handle: "@lisaanderson",              testimonial: "Their local market knowledge is incredible. They found us a hidden gem that wasn't even on the MLS yet. True professionals!",              imageSrc: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=150&q=80",              imageAlt: "Lisa Anderson"
+            },
             {
-              id: "6",              name: "David Kumar",              handle: "@dkumar",              testimonial: "Innovative strategies backed by solid data. They know how to make marketing campaigns that actually convert and engage.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6",              imageAlt: "David Kumar"},
+              id: "6",              name: "Michael Wong",              handle: "@mwong",              testimonial: "Closing happened seamlessly. Their attention to detail and proactive communication made the entire process stress-free.",              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&q=80&_wi=2",              imageAlt: "Michael Wong"
+            }
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -211,38 +229,42 @@ export default function LandingPage() {
         <ContactSplit
           tag="Let's Connect"
           tagIcon={Mail}
-          title="Ready to grow your brand?"
+          title="Ready to Start Your Real Estate Journey?"
-          description="Join hundreds of brands transforming their marketing. Get expert insights, strategic planning, and measurable results."
+          description="Whether you're buying, selling, or investing, our expert team is here to guide you through every step. Get a free consultation today."
           tagAnimation="slide-up"
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg?_wi=1"
+          imageSrc="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=600&q=80"
-          imageAlt="Business consultation and growth"
+          imageAlt="Real estate consultation meeting"
           mediaAnimation="slide-up"
           mediaPosition="right"
           inputPlaceholder="your@email.com"
-          buttonText="Start Today"
+          buttonText="Get Free Consultation"
           termsText="We respect your privacy. Unsubscribe anytime. See our privacy policy for details."
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterCard
-          logoText="Marketing Pro"
+          logoText="SF Realty"
-          copyrightText="© 2025 Marketing Pro Agency. All rights reserved."
+          copyrightText="© 2025 SF Realty. All rights reserved. San Francisco Real Estate Excellence."
           socialLinks={[
             {
               icon: Twitter,
-              href: "https://twitter.com/marketingpro",              ariaLabel: "Follow us on Twitter"},
+              href: "https://twitter.com/sfrealtyco",              ariaLabel: "Follow us on Twitter"
+            },
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/marketingpro",              ariaLabel: "Connect on LinkedIn"},
+              href: "https://linkedin.com/company/sfrealtyco",              ariaLabel: "Connect on LinkedIn"
+            },
             {
               icon: Instagram,
-              href: "https://instagram.com/marketingpro",              ariaLabel: "Follow us on Instagram"},
+              href: "https://instagram.com/sfrealtyco",              ariaLabel: "Follow us on Instagram"
+            },
             {
               icon: Facebook,
-              href: "https://facebook.com/marketingpro",              ariaLabel: "Like us on Facebook"},
+              href: "https://facebook.com/sfrealtyco",              ariaLabel: "Like us on Facebook"
+            }
           ]}
         />
       </div>

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #ffffff;;
+  /* --background: #f5f4ef;;
-  --card: #f9f9f9;;
+  --card: #ffffff;;
-  --foreground: #120006e6;;
+  --foreground: #1a1a1a;;
-  --primary-cta: #e63946;;
+  --primary-cta: #2c5f2d;;
-  --secondary-cta: #f9f9f9;;
+  --secondary-cta: #f5f4ef;;
-  --accent: #e2e2e2;;
+  --accent: #8a8a8a;;
-  --background-accent: #c4c4c4;; */
+  --background-accent: #d4a574;; */
 
-  --background: #ffffff;;
+  --background: #f5f4ef;;
-  --card: #f9f9f9;;
+  --card: #ffffff;;
-  --foreground: #120006e6;;
+  --foreground: #1a1a1a;;
-  --primary-cta: #e63946;;
+  --primary-cta: #2c5f2d;;
   --primary-cta-text: #ffffff;;
-  --secondary-cta: #f9f9f9;;
+  --secondary-cta: #f5f4ef;;
-  --secondary-cta-text: #120006e6;;
+  --secondary-cta-text: #1a1a1a;;
-  --accent: #e2e2e2;;
+  --accent: #8a8a8a;;
-  --background-accent: #c4c4c4;;
+  --background-accent: #d4a574;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);