Merge version_7 into main

Merge version_7 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

@@ -3,7 +3,7 @@
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
@@ -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 } 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,120 +29,131 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleApple
-          brandName="Marketing Pro"
+          brandName="SF Realty"
           navItems={[
-            { name: "Services", id: "services" },
-            { name: "Portfolio", id: "portfolio" },
+            { name: "Properties", id: "properties" },
             { name: "About", id: "about" },
+            { name: "Services", id: "services" },
+            { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" },
-            { name: "Blog", id: "https://blog.marketingpro.com" },
           ]}
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroSplitDualMedia
-          title="Transform Your Brand"
-          description="We craft data-driven marketing strategies that elevate your brand, engage your audience, and drive measurable growth. Partner with experts who understand your vision."
-          tag="Marketing Excellence"
-          tagIcon={Sparkles}
+          title="Discover Your Dream Home in San Francisco"
+          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="Premium Real Estate"
+          tagIcon={MapPin}
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
           buttons={[
-            { text: "Get Started", href: "#contact" },
-            { text: "Learn More", href: "#about" },
+            { text: "Browse Properties", href: "#properties" },
+            { text: "Schedule Consultation", href: "#contact" },
           ]}
           buttonAnimation="blur-reveal"
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/tablet-shows-analytics-data-meeting_482257-120318.jpg",              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: "text", content: "data-driven insights to deliver exceptional results" },
+              type: "image",              src: "https://images.unsplash.com/photo-1560440021-33f237b74ead?w=400&q=80",              alt: "Professional real estate team"
+            },
+            { type: "text", content: "real estate with expert guidance and market excellence" }
           ]}
           buttons={[
-            { text: "Our Team", href: "#" },
-            { text: "Our Process", href: "#" },
+            { text: "Meet Our Team", href: "#" },
+            { text: "Our Approach", href: "#" }
           ]}
           buttonAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="services" data-section="services">
-        <FeatureCardEight
-          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={[
-            {
-              id: 1,
-              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"},
-            {
-              id: 2,
-              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"},
-            {
-              id: 3,
-              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"},
-            {
-              id: 4,
-              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"},
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={true}
-          buttons={[{ text: "Explore Services", href: "#" }]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="portfolio" data-section="portfolio">
+      <div id="properties" data-section="properties">
         <ProductCardOne
-          title="Recent Projects"
-          description="Explore our portfolio of successful campaigns and brand transformations"
-          tag="Case Studies"
-          tagIcon={Award}
+          title="Featured Properties"
+          description="Explore our curated selection of premium properties available in San Francisco and surrounding areas"
+          tag="Available Now"
+          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"
-          description="Join thousands of satisfied clients who've transformed their brands with us"
-          tag="Social Proof"
+          title="Trusted by San Francisco's Leading Buyers & Sellers"
+          description="Join thousands of satisfied clients who have successfully bought, sold, or invested in properties"
+          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}
@@ -152,24 +163,24 @@ export default function LandingPage() {
 
       <div id="metrics" data-section="metrics">
         <MetricCardSeven
-          title="Our Impact by the Numbers"
-          description="Proven results that demonstrate our commitment to client success"
+          title="Our Track Record in San Francisco Real Estate"
+          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"
@@ -182,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"
-          tag="Client Success"
+          description="Real testimonials from satisfied buyers, sellers, and investors"
+          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"
@@ -212,38 +229,42 @@ export default function LandingPage() {
         <ContactSplit
           tag="Let's Connect"
           tagIcon={Mail}
-          title="Ready to grow your brand?"
-          description="Join hundreds of brands transforming their marketing. Get expert insights, strategic planning, and measurable results."
+          title="Ready to Start Your Real Estate Journey?"
+          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"
-          imageAlt="Business consultation and growth"
+          imageSrc="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=600&q=80"
+          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"
-          copyrightText="© 2025 Marketing Pro Agency. All rights reserved."
+          logoText="SF Realty"
+          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/shop/page.tsx

@@ -0,0 +1,114 @@
+"use client";
+
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { Award, Facebook, Heart, Instagram, Linkedin, Mail, ShoppingCart, Twitter } from "lucide-react";
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="large"
+      background="circleGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Marketing Pro"
+          navItems={[
+            { name: "Services", id: "services" },
+            { name: "Portfolio", id: "portfolio" },
+            { name: "About", id: "about" },
+            { name: "Shop", id: "/shop" },
+            { name: "Contact", id: "contact" },
+          ]}
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardOne
+          title="Shop Our Products"
+          description="Browse our collection of premium marketing tools and resources to elevate your brand"
+          tag="Products"
+          tagIcon={ShoppingCart}
+          tagAnimation="slide-up"
+          products={[
+            {
+              id: "1",              name: "Brand Strategy Guide",              price: "$49.99",              imageSrc: "http://img.b2bpic.net/free-photo/business-books-desk-office_1098-660.jpg",              imageAlt: "Brand strategy guide",              onProductClick: () => console.log('clicked'),
+            },
+            {
+              id: "2",              name: "Social Media Templates",              price: "$29.99",              imageSrc: "http://img.b2bpic.net/free-photo/laptop-social-media-marketing_23-2150063158.jpg",              imageAlt: "Social media templates",              onProductClick: () => console.log('clicked'),
+            },
+            {
+              id: "3",              name: "Content Calendar Kit",              price: "$39.99",              imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-office-desk_1098-661.jpg",              imageAlt: "Content calendar kit",              onProductClick: () => console.log('clicked'),
+            },
+            {
+              id: "4",              name: "Analytics Dashboard Pro",              price: "$99.99",              imageSrc: "http://img.b2bpic.net/free-photo/tablet-shows-analytics-data-meeting_482257-120318.jpg?_wi=2",              imageAlt: "Analytics dashboard",              onProductClick: () => console.log('clicked'),
+            },
+            {
+              id: "5",              name: "Email Campaign Builder",              price: "$59.99",              imageSrc: "http://img.b2bpic.net/free-photo/email-marketing-campaign_23-2150063159.jpg",              imageAlt: "Email campaign builder",              onProductClick: () => console.log('clicked'),
+            },
+            {
+              id: "6",              name: "Video Marketing Bundle",              price: "$79.99",              imageSrc: "http://img.b2bpic.net/free-photo/video-production-setup_23-2150063160.jpg",              imageAlt: "Video marketing bundle",              onProductClick: () => console.log('clicked'),
+            },
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[{ text: "View All Products", href: "/shop" }]}
+          buttonAnimation="blur-reveal"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplit
+          tag="Get Support"
+          tagIcon={Mail}
+          title="Have questions about our products?"
+          description="Our team is here to help you find the perfect solution for your marketing needs. Reach out and let's discuss what works best for you."
+          tagAnimation="slide-up"
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg?_wi=2"
+          imageAlt="Product support and consultation"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          inputPlaceholder="your@email.com"
+          buttonText="Contact Us"
+          termsText="We respect your privacy. Unsubscribe anytime. See our privacy policy for details."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Marketing Pro"
+          copyrightText="© 2025 Marketing Pro Agency. All rights reserved."
+          socialLinks={[
+            {
+              icon: Twitter,
+              href: "https://twitter.com/marketingpro",              ariaLabel: "Follow us on Twitter"},
+            {
+              icon: Linkedin,
+              href: "https://linkedin.com/company/marketingpro",              ariaLabel: "Connect on LinkedIn"},
+            {
+              icon: Instagram,
+              href: "https://instagram.com/marketingpro",              ariaLabel: "Follow us on Instagram"},
+            {
+              icon: Facebook,
+              href: "https://facebook.com/marketingpro",              ariaLabel: "Like us on Facebook"},
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

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