Initial commit

2026-01-17 21:41:25 +02:00
commit c9bc9530ae
263 changed files with 50437 additions and 0 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,103 @@
+"use client";
+
+import Link from "next/link";
+import { Mail } from "lucide-react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="largeSmallSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline 
+          brandName="Luxe Dubai"
+          navItems={[
+            { name: "Properties", id: "/properties" },
+            { name: "About", id: "/about" },
+            { name: "Services", id: "/services" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          button={{
+            text: "Schedule Viewing",
+            href: "/contact"
+          }}
+          className="backdrop-blur-lg bg-white/80 border border-white/20"
+          navItemClassName="text-foreground hover:text-primary-cta transition-colors"
+          buttonClassName="bg-foreground text-white hover:bg-primary-cta"
+          buttonTextClassName="font-semibold"
+        />
+      </div>
+
+      <div id="contact" data-section="contact" className="pt-32">
+        <ContactSplit 
+          tag="Newsletter"
+          title="Stay Updated on New Listings"
+          description="Subscribe to our newsletter and be the first to know about exclusive properties and market insights."
+          useInvertedBackground="noInvert"
+          imageSrc="https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg"
+          imageAlt="Dubai luxury living"
+          mediaPosition="right"
+          tagIcon={Mail}
+          inputPlaceholder="Enter your email"
+          buttonText="Subscribe"
+          termsText="We respect your privacy and will never share your email."
+          containerClassName="py-20 bg-white"
+          contactFormClassName="backdrop-blur-lg bg-white/10 border border-white/20 rounded-2xl p-8"
+          titleClassName="text-foreground font-light text-4xl"
+          descriptionClassName="text-foreground/70 font-light"
+          inputClassName="bg-white/50 border border-white/30 rounded-full text-foreground placeholder-foreground/50 backdrop-blur-lg"
+          buttonClassName="bg-foreground text-white hover:bg-black/80 rounded-full font-light"
+        />
+      </div>
+
+      <FooterBase 
+        logoText="Luxe Dubai"
+        copyrightText="© 2025 Luxe Dubai Real Estate. All rights reserved."
+        columns={[
+          {
+            title: "Properties",
+            items: [
+              { label: "Buy", href: "/properties" },
+              { label: "Rent", href: "/properties" },
+              { label: "Invest", href: "/properties" }
+            ]
+          },
+          {
+            title: "Company",
+            items: [
+              { label: "About Us", href: "/about" },
+              { label: "Our Team", href: "/about" },
+              { label: "Careers", href: "/about" }
+            ]
+          },
+          {
+            title: "Contact",
+            items: [
+              { label: "Email: info@luxedubai.ae", href: "/contact" },
+              { label: "Phone: +971 4 XXX XXXX", href: "/contact" },
+              { label: "Dubai, UAE", href: "/contact" }
+            ]
+          }
+        ]}
+        containerClassName="bg-foreground text-white py-16"
+        logoTextClassName="text-white font-light text-2xl"
+        columnTitleClassName="text-white font-light text-lg mb-4"
+        columnItemClassName="text-white/70 hover:text-white font-light transition-colors"
+        copyrightTextClassName="text-white/50 font-light"
+      />
+    </ThemeProvider>
+  );
+}