Update src/app/properties/[id]/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Listings",
-          id: "listings",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Listings", id: "listings" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Aura Luxury Estates"
     />
@@ -57,36 +45,8 @@ export default function LandingPage() {
       <HeroOverlay
       title="Defining the Art of Luxury Living"
       description="Discover an exclusive collection of prestige residences curated for the world's most discerning individuals."
-      buttons={[
-        {
-          text: "View Exclusive Collection",
-          href: "#listings",
-        },
-      ]}
+      buttons={[{ text: "Request Private Consultation", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-glass-windows-sunlight_181624-11971.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg",
-          alt: "Smiling successful businesspeople",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-male-candidate-communicating-with-member-human-resource-team-job-interview-office_637285-6920.jpg",
-          alt: "Happy male candidate",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg",
-          alt: "Smiling Senior Businessman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/indian-two-happy-sitting-success_1262-875.jpg",
-          alt: "Indian two happy sitting success",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/real-estate-satisfied-man-rejoicing-founding-perfect-home-apartment-holding-paper-house-model-sta_1258-113657.jpg",
-          alt: "Real estate satisfied man",
-        },
-      ]}
-      avatarText="Trusted by 500+ global clients"
     />
   </div>
 
@@ -106,51 +66,15 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Bel Air Estate",
-          price: "$12,500,000",
-          variant: "Los Angeles",
-          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agents-working-building-s-main-entrance_23-2147650201.jpg",
-        },
-        {
-          id: "p2",
-          name: "Azure Coast Villa",
-          price: "$8,900,000",
-          variant: "South France",
-          imageSrc: "http://img.b2bpic.net/free-photo/bed-beach_1203-305.jpg",
-        },
-        {
-          id: "p3",
-          name: "Skyline Penthouse",
-          price: "$6,200,000",
-          variant: "New York",
-          imageSrc: "http://img.b2bpic.net/free-photo/seductive-woman-black-silk-robe-sits-windowsill-looking-new-york_8353-1451.jpg",
-        },
-        {
-          id: "p4",
-          name: "Manor Heritage House",
-          price: "$15,000,000",
-          variant: "London",
-          imageSrc: "http://img.b2bpic.net/free-photo/amazing-landscape-surrounding-adare-manor-ireland_493961-1381.jpg",
-        },
-        {
-          id: "p5",
-          name: "Alpine Resort Chalet",
-          price: "$5,500,000",
-          variant: "Switzerland",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-blue-bus-road-near-lake-daytime_417767-371.jpg",
-        },
-        {
-          id: "p6",
-          name: "Modern Beachfront Villa",
-          price: "$9,800,000",
-          variant: "Miami",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-spiral-staircase-building-sunlight-huatulco-mexico_181624-26945.jpg",
-        },
-      ]}
+        { id: "p1", name: "Bel Air Estate", price: "$12,500,000", variant: "Los Angeles", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agents-working-building-s-main-entrance_23-2147650201.jpg" },
+        { id: "p2", name: "Azure Coast Villa", price: "$8,900,000", variant: "South France", imageSrc: "http://img.b2bpic.net/free-photo/bed-beach_1203-305.jpg" },
+        { id: "p3", name: "Skyline Penthouse", price: "$6,200,000", variant: "New York", imageSrc: "http://img.b2bpic.net/free-photo/seductive-woman-black-silk-robe-sits-windowsill-looking-new-york_8353-1451.jpg" },
+        { id: "p4", name: "Manor Heritage House", price: "$15,000,000", variant: "London", imageSrc: "http://img.b2bpic.net/free-photo/amazing-landscape-surrounding-adare-manor-ireland_493961-1381.jpg" },
+        { id: "p5", name: "Alpine Resort Chalet", price: "$5,500,000", variant: "Switzerland", imageSrc: "http://img.b2bpic.net/free-photo/white-blue-bus-road-near-lake-daytime_417767-371.jpg" },
+        { id: "p6", name: "Modern Beachfront Villa", price: "$9,800,000", variant: "Miami", imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-spiral-staircase-building-sunlight-huatulco-mexico_181624-26945.jpg" },
+      ].map(p => ({ ...p, onProductClick: () => { window.location.href = `/properties/${p.id}`; } }))}
       title="Curated Prestige Portfolio"
-      description="Explore our hand-selected collection of iconic properties, ranging from waterfront estates to sleek urban penthouses."
+      description="Explore our hand-selected collection of iconic properties."
     />
   </div>
 
@@ -161,30 +85,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "1.2B+",
-          title: "In Sales Volume",
-          description: "Successfully closed transactions",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          value: "350+",
-          title: "Luxury Estates",
-          description: "Exclusive properties curated",
-          icon: Home,
-        },
-        {
-          id: "m3",
-          value: "98%",
-          title: "Client Retention",
-          description: "Of returning valued clients",
-          icon: Users,
-        },
+        { id: "m1", value: "1.2B+", title: "In Sales Volume", description: "Successfully closed transactions", icon: Award },
+        { id: "m2", value: "350+", title: "Luxury Estates", description: "Exclusive properties curated", icon: Home },
+        { id: "m3", value: "98%", title: "Client Retention", description: "Of returning valued clients", icon: Users },
       ]}
       title="A Legacy of Proven Results"
-      description="Our success is measured not by transactions, but by the trust we build and the exceptional properties we successfully match."
+      description="Our success is measured not by transactions, but by the trust we build."
     />
   </div>
 
@@ -194,63 +100,13 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Eleanor Vance",
-          role: "Collector",
-          company: "Fine Arts",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
-        },
-        {
-          id: "t2",
-          name: "Julian Sterling",
-          role: "Investor",
-          company: "Sterling Group",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3864.jpg",
-        },
-        {
-          id: "t3",
-          name: "Victoria Belmont",
-          role: "Developer",
-          company: "Belmont Ent",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg",
-        },
-        {
-          id: "t4",
-          name: "Marcus Thorne",
-          role: "Entrepreneur",
-          company: "Thorne Capital",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-real-estate-agent-giving-keys-couple-who-is-buying-their-new-home_637285-6093.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sophia Laurent",
-          role: "Artist",
-          company: "Laurent Studio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "5.0",
-          label: "Client Rating",
-        },
-        {
-          value: "20+",
-          label: "Global Offices",
-        },
-        {
-          value: "45+",
-          label: "Expert Agents",
-        },
+        { id: "t1", name: "Eleanor Vance", role: "Collector", company: "Fine Arts", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg" },
+        { id: "t2", name: "Julian Sterling", role: "Investor", company: "Sterling Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3864.jpg" },
+        { id: "t3", name: "Victoria Belmont", role: "Developer", company: "Belmont Ent", rating: 5, imageSrc: "http://img.b2bpic.net/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg" },
       ]}
+      kpiItems={[{ value: "5.0", label: "Rating" }, { value: "20+", label: "Offices" }, { value: "45+", label: "Agents" }]}
       title="Stories of Distinctive Homes"
-      description="What our clients share about their journey and the luxury homes we’ve helped them secure."
+      description="What our clients share about their journey."
     />
   </div>
 
@@ -258,17 +114,9 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Elite Realtors",
-        "Global Property Union",
-        "Design Excellence Awards",
-        "Prestige News Media",
-        "International Realty Guild",
-        "World Architecture Association",
-        "Top Luxury Builders",
-      ]}
+      names={["Elite Realtors", "Global Property Union", "Design Excellence"]}
       title="Recognized Excellence"
-      description="We are proud partners with the world's most prestigious organizations in the real estate and design sectors."
+      description="We are proud partners with the world's most prestigious organizations."
     />
   </div>
 
@@ -276,25 +124,9 @@ export default function LandingPage() {
       <FaqBase
       textboxLayout="default"
       useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "How do I schedule a private viewing?",
-          content: "Contact your agent directly to arrange a discreet and customized viewing experience for any of our listed properties.",
-        },
-        {
-          id: "q2",
-          title: "What information is needed to register interest?",
-          content: "Proof of identity and pre-qualification documentation are required for all of our exclusive luxury listings.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer international investment advice?",
-          content: "Yes, we specialize in cross-border luxury real estate investment with comprehensive legal and financial support.",
-        },
-      ]}
+      faqs={[{ id: "q1", title: "How do I schedule a private viewing?", content: "Contact your agent directly." }]}
       title="Common Inquiries"
-      description="Answers to frequently asked questions about our luxury real estate process, property access, and services."
+      description="Answers to frequently asked questions."
       faqsAnimation="slide-up"
     />
   </div>
@@ -302,70 +134,16 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static",
-      }}
+      background={{ variant: "rotated-rays-static" }}
       tag="Get In Touch"
       title="Begin Your Property Journey"
-      description="Let us guide you toward your ideal home. Reach out to our team of specialists for a consultation."
+      description="Let us guide you toward your ideal home."
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Portfolio",
-              href: "#listings",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Market Insights",
-              href: "#",
-            },
-            {
-              label: "Luxury Guides",
-              href: "#",
-            },
-            {
-              label: "Legal",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
+      columns={[{ title: "Company", items: [{ label: "About", href: "#about" }] }]}
       bottomLeftText="© 2024 Aura Luxury Estates."
       bottomRightText="All rights reserved."
     />

src/app/properties/[id]/page.tsx

@@ -0,0 +1,35 @@
+"use client";
+
+import { useParams } from 'next/navigation';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+
+export default function PropertyDetailPage() {
+  const { id } = useParams();
+  
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="compact"
+      sizing="largeSmallSizeLargeTitles"
+      background="floatingGradient"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered 
+          navItems={[{ name: "Back to Home", id: "/" }]}
+          brandName="Aura Luxury Estates"
+        />
+      </div>
+      <main className="container mx-auto py-20 px-6">
+        <h1 className="text-4xl font-bold mb-6">Property Detail: {id}</h1>
+        <p>Detailed specifications, pricing, and high-resolution media for the property would be displayed here.</p>
+      </main>
+    </ThemeProvider>
+  );
+}