Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -25,258 +25,88 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Properties",
-          id: "properties",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Phuket Island Real Estate"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "#home" },
+              { name: "About", id: "#about" },
+              { name: "Properties", id: "/properties" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="Phuket Island Real Estate"
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Your Gateway to Phuket Luxury Real Estate"
-      description="Discover exclusive villas, beachfront condos, and premium land plots in Phuket. We offer professional consultation for your island investment."
-      buttons={[
-        {
-          text: "View Listings",
-          href: "#properties",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/tropical-villa-with-pool-sunset_23-2151974404.jpg"
-      imageAlt="Luxurious Phuket Villa with Sea View"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-couple-new-apartment-with-digital-tablet_329181-143.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-couple-new-apartment-with-digital-tablet_329181-143.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-couple-new-apartment-with-digital-tablet_329181-143.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-couple-new-apartment-with-digital-tablet_329181-143.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-couple-new-apartment-with-digital-tablet_329181-143.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ investors"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Beachfront",
-        },
-        {
-          type: "text",
-          text: "Luxury Villas",
-        },
-        {
-          type: "text",
-          text: "Ocean View",
-        },
-        {
-          type: "text",
-          text: "Prime Locations",
-        },
-        {
-          type: "text",
-          text: "Tropical Living",
-        },
-      ]}
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroBillboard
+            background={{ variant: "gradient-bars" }}
+            title="Your Gateway to Phuket Luxury Real Estate"
+            description="Discover exclusive villas, beachfront condos, and premium land plots in Phuket. We offer professional consultation for your island investment."
+            buttons={[
+              { text: "View Listings", href: "/properties" },
+              { text: "Contact Us", href: "#contact" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/tropical-villa-with-pool-sunset_23-2151974404.jpg"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Dedicated Real Estate Expertise in Phuket"
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Dedicated Real Estate Expertise in Phuket"
+            buttons={[{ text: "Learn More", href: "#" }]}
+          />
+        </div>
 
-  <div id="properties" data-section="properties">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Kamala Oceanfront Villa",
-          price: "15,000,000 THB",
-          imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-blue-water-tropical-garden-with-sea-view-background_1150-10233.jpg",
-        },
-        {
-          id: "p2",
-          name: "Bang Tao Beach Condo",
-          price: "8,500,000 THB",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscraper-reflects-blue-cityscape-glass-window-generative-ai_188544-12677.jpg",
-        },
-        {
-          id: "p3",
-          name: "Rawai Pool Villa",
-          price: "12,000,000 THB",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-pool-sunset-view_23-2151974409.jpg",
-        },
-        {
-          id: "p4",
-          name: "Surin Hillside Estate",
-          price: "25,000,000 THB",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-pretty-stylish-woman-white-light-summer-dress-big-black-massive-boots-luxury-rich-villa_343596-2015.jpg",
-        },
-        {
-          id: "p5",
-          name: "Layan Luxury Apartment",
-          price: "7,200,000 THB",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-patio_1203-3548.jpg",
-        },
-        {
-          id: "p6",
-          name: "Kata Exclusive Villa",
-          price: "18,500,000 THB",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach-front-hotel-resort-with-swimming-pool-paradise-destination-vacations-ge_1258-150769.jpg",
-        },
-      ]}
-      title="Exclusive Property Portfolio"
-      description="Browse our hand-picked selection of luxury estates across the island."
-    />
-  </div>
+        <div id="properties" data-section="properties">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Kamala Oceanfront Villa", price: "15,000,000 THB", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-blue-water-tropical-garden-with-sea-view-background_1150-10233.jpg" },
+              { id: "p2", name: "Bang Tao Beach Condo", price: "8,500,000 THB", imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscraper-reflects-blue-cityscape-glass-window-generative-ai_188544-12677.jpg" },
+              { id: "p3", name: "Rawai Pool Villa", price: "12,000,000 THB", imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-pool-sunset-view_23-2151974409.jpg" },
+            ]}
+            title="Exclusive Property Portfolio"
+            description="Browse our hand-picked selection of luxury estates across the island."
+            buttons={[{ text: "View All Properties", href: "/properties" }]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          title: "Dream Home Found",
-          quote: "The service was professional and they understood exactly what I needed in a villa.",
-          name: "James R.",
-          role: "Investor",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-new-apartment-with-digital-tablet_329181-143.jpg?_wi=1",
-        },
-        {
-          id: "t2",
-          title: "Smooth Transaction",
-          quote: "Expert knowledge of the Phuket market made my purchase seamless.",
-          name: "Sarah W.",
-          role: "Expat",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-new-apartment-with-digital-tablet_329181-143.jpg?_wi=2",
-        },
-        {
-          id: "t3",
-          title: "Top Quality",
-          quote: "Highly recommended for anyone looking for luxury real estate on the island.",
-          name: "Mark D.",
-          role: "Buyer",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-new-apartment-with-digital-tablet_329181-143.jpg?_wi=3",
-        },
-        {
-          id: "t4",
-          title: "Exceptional Service",
-          quote: "I found my perfect holiday home with their help.",
-          name: "Elise L.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-new-apartment-with-digital-tablet_329181-143.jpg?_wi=4",
-        },
-        {
-          id: "t5",
-          title: "Phuket Experts",
-          quote: "Trustworthy agency with deep local insights.",
-          name: "Robert B.",
-          role: "Investor",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-new-apartment-with-digital-tablet_329181-143.jpg?_wi=5",
-        },
-      ]}
-      title="Trusted by Investors"
-      description="What our clients say about finding their island sanctuary."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", title: "Dream Home Found", quote: "Professional service.", name: "James R.", role: "Investor" },
+              { id: "t2", title: "Smooth Transaction", quote: "Expert knowledge.", name: "Sarah W.", role: "Expat" },
+            ]}
+            title="Trusted by Investors"
+            description="Hear what our clients have to say about their Phuket property experience."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Start Your Property Search Today"
-      description="Get in touch for property viewings or consultation."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Contact Us"
+            title="Start Your Property Search Today"
+            description="Get in touch for property viewings or consultation."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Properties",
-              href: "#properties",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Legal",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Phuket Island Real Estate"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Properties", href: "/properties" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
+            ]}
+            logoText="Phuket Island Real Estate"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/properties/page.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function PropertyListingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="mediumLargeSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="outline"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Properties", id: "#properties" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Phuket Island Real Estate"
+          />
+        </div>
+
+        <div id="properties" data-section="properties">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            title="Available Property Listings"
+            description="Explore our curated selection of luxury villas and beachfront condos currently for sale in Phuket."
+            products={[
+              {
+                id: "p1",                name: "Kamala Oceanfront Villa",                price: "15,000,000 THB",                imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-blue-water-tropical-garden-with-sea-view-background_1150-10233.jpg"},
+              {
+                id: "p2",                name: "Bang Tao Beach Condo",                price: "8,500,000 THB",                imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscraper-reflects-blue-cityscape-glass-window-generative-ai_188544-12677.jpg"},
+              {
+                id: "p3",                name: "Rawai Pool Villa",                price: "12,000,000 THB",                imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-pool-sunset-view_23-2151974409.jpg"},
+              {
+                id: "p6",                name: "Kata Exclusive Villa",                price: "18,500,000 THB",                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach-front-hotel-resort-with-swimming-pool-paradise-destination-vacations-ge_1258-150769.jpg"}
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Properties", href: "/properties" }] }
+            ]}
+            logoText="Phuket Island Real Estate"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}