Update src/app/page.tsx

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #ffffff;;
+  --background: #faf5f1;
-  --card: #fcfcfc;;
+  --card: #f5ede8;
-  --foreground: #000a18e6;;
+  --foreground: #3d2417;
-  --primary-cta: #409fff;;
+  --primary-cta: #d4704c;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #ffffff;
-  --accent: #e2e2e2;;
+  --accent: #e8a88f;
-  --background-accent: #c4c4c4;;
+  --background-accent: #b85a3a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }

src/app/page.tsx

@@ -1,15 +1,6 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TagAbout from '@/components/sections/about/TagAbout';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import ContactFaq from '@/components/sections/contact/ContactFaq';
-import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
-import { Facebook, Instagram, Linkedin, Phone, Sparkles, Twitter } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -26,281 +17,228 @@ export default function LandingPage() {
       headingFontWeight="medium"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen
+        <div className="min-h-screen bg-gray-100 flex items-center justify-center">
-          navItems={[
+          <div className="text-center">
-            { name: "Home", id: "home" },
+            <h1 className="text-4xl font-bold mb-4">DUBAI PREMIUM</h1>
-            { name: "Properties", id: "properties" },
+            <p className="text-lg text-gray-600">Premium Real Estate Solutions</p>
-            { name: "About", id: "about" },
+          </div>
-            { name: "Contact", id: "contact" },
+        </div>
-            { name: "Services", id: "services" }
-          ]}
-          brandName="DubaiPremium"
-          logoAlt="DubaiPremium Real Estate"
-          bottomLeftText="Dubai, UAE"
-          bottomRightText="hello@dubaipremium.ae"
-        />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoBillboardSplitImage
+        <div className="min-h-screen bg-white flex items-center justify-center">
-          logoText="DUBAI PREMIUM"
+          <div className="text-center max-w-4xl mx-auto px-6">
-          description="Discover luxury real estate investments in Dubai's most prestigious locations. From waterfront villas to downtown penthouses, we connect discerning buyers with Dubai's finest properties."
+            <h2 className="text-5xl font-bold mb-6">Luxury Properties in Dubai</h2>
-          buttons={[
+            <p className="text-xl text-gray-600 mb-8">Discover luxury real estate investments in Dubai's most prestigious locations. From waterfront villas to downtown penthouses, we connect discerning buyers with Dubai's finest properties.</p>
-            { text: "Explore Properties", href: "#properties" },
+            <div className="flex gap-4 justify-center">
-            { text: "Schedule Consultation", href: "#contact" }
+              <a href="#properties" className="bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700">Explore Properties</a>
-          ]}
+              <a href="#contact" className="border border-blue-600 text-blue-600 px-6 py-3 rounded-lg hover:bg-blue-50">Schedule Consultation</a>
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676114079-yjuz3xj2.jpg"
+            </div>
-          imageAlt="Panoramic view of Dubai real estate"
+          </div>
-        />
+        </div>
       </div>
 
       <div id="properties" data-section="properties">
-        <ProductCardFour
+        <div className="py-16 bg-gray-50">
-          title="Featured Properties"
+          <div className="max-w-6xl mx-auto px-6">
-          description="Hand-selected luxury properties across Dubai's most sought-after neighborhoods"
+            <div className="text-center mb-12">
-          tag="Available Now"
+              <h3 className="text-3xl font-bold mb-4">Featured Properties</h3>
-          tagIcon={Sparkles}
+              <p className="text-lg text-gray-600">Hand-selected luxury properties across Dubai's most sought-after neighborhoods</p>
-          buttons={[
+            </div>
-            { text: "View All Properties", href: "#" },
+            <div className="grid md:grid-cols-3 gap-8">
-            { text: "Get Investment Guide", href: "#" }
+              <div className="bg-white rounded-lg shadow-lg overflow-hidden">
-          ]}
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676115125-qy80b7pe.jpg" alt="Downtown penthouse" className="w-full h-48 object-cover" />
-          textboxLayout="default"
+                <div className="p-6">
-          products={[
+                  <h4 className="text-xl font-semibold mb-2">Modern Downtown Penthouse</h4>
-            {
+                  <p className="text-gray-600 mb-2">3 Bedrooms, 3 Bathrooms, Marina View</p>
-              id: "1",
+                  <p className="text-2xl font-bold text-blue-600">3.2M AED</p>
-              name: "Modern Downtown Penthouse",
+                </div>
-              price: "3.2M AED",
+              </div>
-              variant: "3 Bedrooms, 3 Bathrooms, Marina View",
+              <div className="bg-white rounded-lg shadow-lg overflow-hidden">
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676115125-qy80b7pe.jpg",
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676116024-zk7eqt6h.jpg" alt="Beachfront villa" className="w-full h-48 object-cover" />
-              imageAlt: "Downtown penthouse with modern finishes"
+                <div className="p-6">
-            },
+                  <h4 className="text-xl font-semibold mb-2">Beachfront Luxury Villa</h4>
-            {
+                  <p className="text-gray-600 mb-2">5 Bedrooms, 6 Bathrooms, Private Beach</p>
-              id: "2",
+                  <p className="text-2xl font-bold text-blue-600">5.8M AED</p>
-              name: "Beachfront Luxury Villa",
+                </div>
-              price: "5.8M AED",
+              </div>
-              variant: "5 Bedrooms, 6 Bathrooms, Private Beach",
+              <div className="bg-white rounded-lg shadow-lg overflow-hidden">
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676116024-zk7eqt6h.jpg",
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676116944-8eu4qi5d.jpg" alt="Office residence" className="w-full h-48 object-cover" />
-              imageAlt: "Stunning beachfront villa in Palm Jumeirah"
+                <div className="p-6">
-            },
+                  <h4 className="text-xl font-semibold mb-2">Business Bay Office Residence</h4>
-            {
+                  <p className="text-gray-600 mb-2">2 Bedrooms, 2 Bathrooms, City View</p>
-              id: "3",
+                  <p className="text-2xl font-bold text-blue-600">2.1M AED</p>
-              name: "Business Bay Office Residence",
+                </div>
-              price: "2.1M AED",
+              </div>
-              variant: "2 Bedrooms, 2 Bathrooms, City View",
+            </div>
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676116944-8eu4qi5d.jpg",
+          </div>
-              imageAlt: "Premium office residence with skyline views"
+        </div>
-            }
-          ]}
-          animationType="slide-up"
-          containerStyle="default"
-          gridVariant="uniform-all-items-equal"
-          useInvertedBackground="noInvert"
-        />
       </div>
 
       <div id="about" data-section="about">
-        <TagAbout
+        <div className="py-16 bg-white">
-          tag="Who We Are"
+          <div className="max-w-4xl mx-auto px-6 text-center">
-          description="With over two decades of experience in Dubai real estate, we are the trusted partner for international investors and high-net-worth individuals seeking premium properties. Our expert team combines market insights with personalized service to help you find the perfect investment opportunity in one of the world's most dynamic real estate markets."
+            <span className="text-sm font-semibold text-blue-600 uppercase tracking-wide">Who We Are</span>
-          useInvertedBackground="noInvert"
+            <p className="text-lg text-gray-600 mt-4">With over two decades of experience in Dubai real estate, we are the trusted partner for international investors and high-net-worth individuals seeking premium properties. Our expert team combines market insights with personalized service to help you find the perfect investment opportunity in one of the world's most dynamic real estate markets.</p>
-        />
+          </div>
+        </div>
       </div>
 
       <div id="services" data-section="services">
-        <FeatureCardNineteen
+        <div className="py-16 bg-gray-50">
-          title="Our Services"
+          <div className="max-w-6xl mx-auto px-6">
-          description="Comprehensive real estate solutions tailored to your needs"
+            <div className="text-center mb-12">
-          tag="Expert Guidance"
+              <span className="text-sm font-semibold text-blue-600 uppercase tracking-wide">Expert Guidance</span>
-          textboxLayout="default"
+              <h3 className="text-3xl font-bold mb-4 mt-2">Our Services</h3>
-          features={[
+              <p className="text-lg text-gray-600">Comprehensive real estate solutions tailored to your needs</p>
-            {
+            </div>
-              id: 1,
+            <div className="grid md:grid-cols-3 gap-8">
-              tag: "Search",
+              <div className="text-center">
-              title: "Property Discovery",
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676114079-yjuz3xj2.jpg" alt="Property search" className="w-full h-48 object-cover rounded-lg mb-4" />
-              subtitle: "Find your perfect property match",
+                <h4 className="text-xl font-semibold mb-2">Property Discovery</h4>
-              description: "Advanced search tools and personalized recommendations to discover properties that meet your investment criteria and lifestyle requirements.",
+                <p className="text-sm text-gray-500 mb-2">Find your perfect property match</p>
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676114079-yjuz3xj2.jpg",
+                <p className="text-gray-600">Advanced search tools and personalized recommendations to discover properties that meet your investment criteria and lifestyle requirements.</p>
-              imageAlt: "Property search tools"
+              </div>
-            },
+              <div className="text-center">
-            {
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140098536-9jc7ywck.jpg" alt="Investment analysis" className="w-full h-48 object-cover rounded-lg mb-4" />
-              id: 2,
+                <h4 className="text-xl font-semibold mb-2">Investment Guidance</h4>
-              tag: "Investment",
+                <p className="text-sm text-gray-500 mb-2">Expert market analysis and planning</p>
-              title: "Investment Guidance",
+                <p className="text-gray-600">Data-driven insights on market trends, ROI potential, and investment strategies from our experienced analysts and market specialists.</p>
-              subtitle: "Expert market analysis and planning",
+              </div>
-              description: "Data-driven insights on market trends, ROI potential, and investment strategies from our experienced analysts and market specialists.",
+              <div className="text-center">
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140098536-9jc7ywck.jpg",
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676116024-zk7eqt6h.jpg" alt="Property management" className="w-full h-48 object-cover rounded-lg mb-4" />
-              imageAlt: "Investment analysis and planning"
+                <h4 className="text-xl font-semibold mb-2">Property Management</h4>
-            },
+                <p className="text-sm text-gray-500 mb-2">Professional ongoing care</p>
-            {
+                <p className="text-gray-600">Full-service property management including maintenance, tenant coordination, financial reporting, and regular property updates.</p>
-              id: 3,
+              </div>
-              tag: "Management",
+            </div>
-              title: "Property Management",
+          </div>
-              subtitle: "Professional ongoing care",
+        </div>
-              description: "Full-service property management including maintenance, tenant coordination, financial reporting, and regular property updates.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676116024-zk7eqt6h.jpg",
-              imageAlt: "Professional property management"
-            }
-          ]}
-          useInvertedBackground="noInvert"
-        />
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFive
+        <div className="py-16 bg-white">
-          title="What Our Clients Say"
+          <div className="max-w-6xl mx-auto px-6">
-          description="Trusted by international investors and Dubai residents"
+            <div className="text-center mb-12">
-          tag="Client Reviews"
+              <span className="text-sm font-semibold text-blue-600 uppercase tracking-wide">Client Reviews</span>
-          testimonials={[
+              <h3 className="text-3xl font-bold mb-4 mt-2">What Our Clients Say</h3>
-            {
+              <p className="text-lg text-gray-600">Trusted by international investors and Dubai residents</p>
-              id: "1",
+            </div>
-              name: "Sarah Al Maktoum, Investment Advisor",
+            <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
-              date: "Date: 15 November 2024",
+              <div className="bg-gray-50 rounded-lg p-6">
-              title: "Seamless investment experience from start to finish",
+                <div className="flex items-center mb-4">
-              quote: "The team's expertise in Dubai real estate is unmatched. They guided me through the entire process and helped me secure a property that exceeded my expectations. Highly professional and trustworthy.",
+                  <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg" alt="Sarah Al Maktoum" className="w-12 h-12 rounded-full mr-4" />
-              tag: "Investor",
+                  <div>
-              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg",
+                    <h4 className="font-semibold">Sarah Al Maktoum</h4>
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676115125-qy80b7pe.jpg"
+                    <p className="text-sm text-gray-500">Investment Advisor</p>
-            },
+                  </div>
-            {
+                </div>
-              id: "2",
+                <p className="text-gray-600 mb-4">The team's expertise in Dubai real estate is unmatched. They guided me through the entire process and helped me secure a property that exceeded my expectations.</p>
-              name: "Michael Chen, Business Owner",
+                <p className="text-sm text-gray-500">November 15, 2024</p>
-              date: "Date: 8 October 2024",
+              </div>
-              title: "Best real estate consultants in Dubai",
+              <div className="bg-gray-50 rounded-lg p-6">
-              quote: "Working with this team transformed my investment strategy. Their market insights helped me identify properties with exceptional growth potential. I've already recommended them to my business associates.",
+                <div className="flex items-center mb-4">
-              tag: "Business Client",
+                  <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318234070-3a71e283.jpg" alt="Michael Chen" className="w-12 h-12 rounded-full mr-4" />
-              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318234070-3a71e283.jpg",
+                  <div>
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676116024-zk7eqt6h.jpg"
+                    <h4 className="font-semibold">Michael Chen</h4>
-            },
+                    <p className="text-sm text-gray-500">Business Owner</p>
-            {
+                  </div>
-              id: "3",
+                </div>
-              name: "Amira Hassan, Property Investor",
+                <p className="text-gray-600 mb-4">Working with this team transformed my investment strategy. Their market insights helped me identify properties with exceptional growth potential.</p>
-              date: "Date: 22 September 2024",
+                <p className="text-sm text-gray-500">October 8, 2024</p>
-              title: "Professional service with genuine care",
+              </div>
-              quote: "They didn't just sell me a property, they helped me build my investment portfolio. The after-sales service is exceptional and their team remains accessible for any questions.",
+              <div className="bg-gray-50 rounded-lg p-6">
-              tag: "Long-term Partner",
+                <div className="flex items-center mb-4">
-              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg",
+                  <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg" alt="Amira Hassan" className="w-12 h-12 rounded-full mr-4" />
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676116944-8eu4qi5d.jpg"
+                  <div>
-            },
+                    <h4 className="font-semibold">Amira Hassan</h4>
-            {
+                    <p className="text-sm text-gray-500">Property Investor</p>
-              id: "4",
+                  </div>
-              name: "James Mitchell, Entrepreneur",
+                </div>
-              date: "Date: 5 August 2024",
+                <p className="text-gray-600 mb-4">They didn't just sell me a property, they helped me build my investment portfolio. The after-sales service is exceptional.</p>
-              title: "Excellent guidance for first-time investors",
+                <p className="text-sm text-gray-500">September 22, 2024</p>
-              quote: "As a first-time real estate investor in Dubai, I felt completely supported. The team explained everything clearly and helped me make confident decisions. Best decision I made in 2024.",
+              </div>
-              tag: "New Investor",
+            </div>
-              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
+          </div>
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676114079-yjuz3xj2.jpg"
+        </div>
-            },
-            {
-              id: "5",
-              name: "Fatima Al Noor, Entrepreneur",
-              date: "Date: 12 July 2024",
-              title: "Unparalleled market knowledge",
-              quote: "Their understanding of Dubai's luxury real estate market is exceptional. They found me a property in an emerging area that's already appreciated significantly. Truly outstanding service.",
-              tag: "Satisfied Client",
-              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399073440-t51o34g6.jpg",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676115125-qy80b7pe.jpg"
-            },
-            {
-              id: "6",
-              name: "David Schmidt, Corporate Executive",
-              date: "Date: 28 June 2024",
-              title: "Reliable partner for corporate relocations",
-              quote: "We engaged their services for multiple employee relocations. Their professionalism, reliability, and attention to detail made the process smooth for everyone involved.",
-              tag: "Corporate Client",
-              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766441296285-xfz0lndf.jpg",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676116024-zk7eqt6h.jpg"
-            }
-          ]}
-          textboxLayout="default"
-          useInvertedBackground="noInvert"
-        />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactFaq
+        <div className="py-16 bg-gray-50">
-          ctaTitle="Ready to Invest in Dubai?"
+          <div className="max-w-4xl mx-auto px-6">
-          ctaDescription="Get in touch with our expert team to explore premium properties and investment opportunities tailored to your goals."
+            <div className="text-center mb-12">
-          ctaButton={{ text: "Schedule Free Consultation", href: "#" }}
+              <h3 className="text-3xl font-bold mb-4">Ready to Invest in Dubai?</h3>
-          ctaIcon={Phone}
+              <p className="text-lg text-gray-600 mb-8">Get in touch with our expert team to explore premium properties and investment opportunities tailored to your goals.</p>
-          faqs={[
+              <a href="#" className="bg-blue-600 text-white px-8 py-3 rounded-lg hover:bg-blue-700 inline-flex items-center gap-2">
-            {
+                Schedule Free Consultation
-              id: "1",
+              </a>
-              title: "What are the current investment opportunities in Dubai?",
+            </div>
-              content: "Dubai offers excellent investment potential across multiple sectors. Current opportunities include residential properties in emerging areas with strong growth projections, luxury apartments in established communities like Downtown and Dubai Marina, and commercial real estate in business hubs. Market demand remains strong from international investors seeking stable, high-return opportunities."
+            <div className="space-y-6">
-            },
+              <div className="bg-white rounded-lg p-6">
-            {
+                <h4 className="font-semibold mb-2">What are the current investment opportunities in Dubai?</h4>
-              id: "2",
+                <p className="text-gray-600">Dubai offers excellent investment potential across multiple sectors. Current opportunities include residential properties in emerging areas with strong growth projections, luxury apartments in established communities like Downtown and Dubai Marina.</p>
-              title: "What is the typical return on investment for Dubai properties?",
+              </div>
-              content: "ROI varies by property type and location. Residential properties typically yield 5-8% annually, while commercial properties can achieve 8-12%. Prime locations like Downtown and Palm Jumeirah offer stability with consistent appreciation. Off-plan properties in emerging areas often provide higher appreciation potential over 3-5 years."
+              <div className="bg-white rounded-lg p-6">
-            },
+                <h4 className="font-semibold mb-2">What is the typical return on investment for Dubai properties?</h4>
-            {
+                <p className="text-gray-600">ROI varies by property type and location. Residential properties typically yield 5-8% annually, while commercial properties can achieve 8-12%. Prime locations offer stability with consistent appreciation.</p>
-              id: "3",
+              </div>
-              title: "Are there financing options available for property purchases?",
+              <div className="bg-white rounded-lg p-6">
-              content: "Yes, both UAE banks and international lenders offer financing options for property purchases. Typically, up to 80% financing is available for primary residences and 50-60% for investment properties. Our team can connect you with preferred lending partners who understand the Dubai market."
+                <h4 className="font-semibold mb-2">Are there financing options available for property purchases?</h4>
-            },
+                <p className="text-gray-600">Yes, both UAE banks and international lenders offer financing options. Typically, up to 80% financing is available for primary residences and 50-60% for investment properties.</p>
-            {
+              </div>
-              id: "4",
+            </div>
-              title: "What documents are required for property purchase?",
+          </div>
-              content: "Standard requirements include passport copies, proof of income, bank statements, and employment verification. For international buyers, additional documentation may include proof of funds source. Our legal team will guide you through all requirements and ensure a smooth, compliant transaction."
+        </div>
-            },
-            {
-              id: "5",
-              title: "How long does the property purchase process take?",
-              content: "Typically, the process takes 6-12 weeks from offer to completion. This includes due diligence, financing approval, legal reviews, and registration with Dubai Land Department. Our team manages all steps to ensure timely, smooth completion."
-            }
-          ]}
-          animationType="slide-up"
-          useInvertedBackground="noInvert"
-        />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseSocial
+        <div className="bg-gray-900 text-white py-12">
-          columns={[
+          <div className="max-w-6xl mx-auto px-6">
-            {
+            <div className="grid md:grid-cols-4 gap-8 mb-8">
-              title: "Properties",
+              <div>
-              items: [
+                <h4 className="font-semibold mb-4">Properties</h4>
-                { label: "Buy Properties", href: "properties" },
+                <ul className="space-y-2 text-gray-300">
-                { label: "Investment Guide", href: "#" },
+                  <li><a href="#" className="hover:text-white">Buy Properties</a></li>
-                { label: "Market Report", href: "#" }
+                  <li><a href="#" className="hover:text-white">Investment Guide</a></li>
-              ]
+                  <li><a href="#" className="hover:text-white">Market Report</a></li>
-            },
+                </ul>
-            {
+              </div>
-              title: "Company",
+              <div>
-              items: [
+                <h4 className="font-semibold mb-4">Company</h4>
-                { label: "About Us", href: "about" },
+                <ul className="space-y-2 text-gray-300">
-                { label: "Our Team", href: "#" },
+                  <li><a href="#about" className="hover:text-white">About Us</a></li>
-                { label: "Our Services", href: "services" }
+                  <li><a href="#" className="hover:text-white">Our Team</a></li>
-              ]
+                  <li><a href="#services" className="hover:text-white">Our Services</a></li>
-            },
+                </ul>
-            {
+              </div>
-              title: "Support",
+              <div>
-              items: [
+                <h4 className="font-semibold mb-4">Support</h4>
-                { label: "Contact Us", href: "contact" },
+                <ul className="space-y-2 text-gray-300">
-                { label: "FAQ", href: "#" },
+                  <li><a href="#contact" className="hover:text-white">Contact Us</a></li>
-                { label: "Blog", href: "#" }
+                  <li><a href="#" className="hover:text-white">FAQ</a></li>
-              ]
+                  <li><a href="#" className="hover:text-white">Blog</a></li>
-            },
+                </ul>
-            {
+              </div>
-              title: "Legal",
+              <div>
-              items: [
+                <h4 className="font-semibold mb-4">Legal</h4>
-                { label: "Terms of Service", href: "#" },
+                <ul className="space-y-2 text-gray-300">
-                { label: "Privacy Policy", href: "#" },
+                  <li><a href="#" className="hover:text-white">Terms of Service</a></li>
-                { label: "Cookie Policy", href: "#" }
+                  <li><a href="#" className="hover:text-white">Privacy Policy</a></li>
-              ]
+                  <li><a href="#" className="hover:text-white">Cookie Policy</a></li>
-            }
+                </ul>
-          ]}
+              </div>
-          description="Premium real estate solutions for discerning investors and homebuyers in Dubai. Your trusted partner in finding luxury properties and building wealth through strategic real estate investments."
+            </div>
-          logoText="DubaiPremium"
+            <div className="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center">
-          copyrightText="© 2024 Dubai Premium Real Estate. All rights reserved."
+              <div className="mb-4 md:mb-0">
-          socialLinks={[
+                <h3 className="text-2xl font-bold mb-2">DubaiPremium</h3>
-            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
+                <p className="text-gray-400 max-w-md">Premium real estate solutions for discerning investors and homebuyers in Dubai. Your trusted partner in finding luxury properties.</p>
-            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
+              </div>
-            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
+              <div className="text-center md:text-right">
-            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
+                <p className="text-gray-400">© 2024 Dubai Premium Real Estate. All rights reserved.</p>
-          ]}
+              </div>
-        />
+            </div>
+          </div>
+        </div>
       </div>
     </ThemeProvider>
   );