Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c63285d75c | |||
| d40c27ca19 | |||
| e2ad728eba | |||
| bdc23f5c8c | |||
| cba009b6b9 | |||
| c9c086a88e |
320
src/app/page.tsx
320
src/app/page.tsx
@@ -25,257 +25,87 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="semibold"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "#home" },
|
||||||
name: "Home",
|
{ name: "About", id: "#about" },
|
||||||
id: "home",
|
{ name: "Properties", id: "/properties" },
|
||||||
},
|
{ name: "Contact", id: "#contact" },
|
||||||
{
|
]}
|
||||||
name: "About",
|
brandName="Phuket Island Real Estate"
|
||||||
id: "about",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
name: "Properties",
|
|
||||||
id: "properties",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="Phuket Island Real Estate"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
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."
|
||||||
title="Your Gateway to Phuket Luxury Real Estate"
|
buttons={[
|
||||||
description="Discover exclusive villas, beachfront condos, and premium land plots in Phuket. We offer professional consultation for your island investment."
|
{ text: "View Listings", href: "/properties" },
|
||||||
buttons={[
|
{ text: "Contact Us", href: "#contact" },
|
||||||
{
|
]}
|
||||||
text: "View Listings",
|
imageSrc="http://img.b2bpic.net/free-photo/tropical-villa-with-pool-sunset_23-2151974404.jpg"
|
||||||
href: "#properties",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
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="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextAbout
|
<TextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Dedicated Real Estate Expertise in Phuket"
|
title="Dedicated Real Estate Expertise in Phuket"
|
||||||
buttons={[
|
buttons={[{ text: "Learn More", href: "#" }]}
|
||||||
{
|
/>
|
||||||
text: "Learn More",
|
</div>
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="properties" data-section="properties">
|
<div id="properties" data-section="properties">
|
||||||
<ProductCardThree
|
<ProductCardThree
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
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: "p1",
|
{ 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" },
|
||||||
name: "Kamala Oceanfront Villa",
|
{ 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" },
|
||||||
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",
|
title="Exclusive Property Portfolio"
|
||||||
},
|
description="Browse our hand-picked selection of luxury estates across the island."
|
||||||
{
|
buttons={[{ text: "View All Properties", href: "/properties" }]}
|
||||||
id: "p2",
|
/>
|
||||||
name: "Bang Tao Beach Condo",
|
</div>
|
||||||
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="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTen
|
<TestimonialCardTen
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", title: "Dream Home Found", quote: "Professional service.", name: "James R.", role: "Investor" },
|
||||||
id: "t1",
|
{ id: "t2", title: "Smooth Transaction", quote: "Expert knowledge.", name: "Sarah W.", role: "Expat" },
|
||||||
title: "Dream Home Found",
|
]}
|
||||||
quote: "The service was professional and they understood exactly what I needed in a villa.",
|
title="Trusted by Investors"
|
||||||
name: "James R.",
|
description="Hear what our clients have to say about their Phuket property experience."
|
||||||
role: "Investor",
|
/>
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-new-apartment-with-digital-tablet_329181-143.jpg?_wi=1",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
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="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
tag="Contact Us"
|
||||||
}}
|
title="Start Your Property Search Today"
|
||||||
tag="Contact Us"
|
description="Get in touch for property viewings or consultation."
|
||||||
title="Start Your Property Search Today"
|
/>
|
||||||
description="Get in touch for property viewings or consultation."
|
</div>
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [{ label: "Properties", href: "/properties" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||||
items: [
|
]}
|
||||||
{
|
logoText="Phuket Island Real Estate"
|
||||||
label: "Properties",
|
/>
|
||||||
href: "#properties",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Legal",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoText="Phuket Island Real Estate"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
67
src/app/properties/page.tsx
Normal file
67
src/app/properties/page.tsx
Normal file
@@ -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>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user