Add src/app/properties-premium/page.tsx
This commit is contained in:
132
src/app/properties-premium/page.tsx
Normal file
132
src/app/properties-premium/page.tsx
Normal file
@@ -0,0 +1,132 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
|
||||
export default function PremiumPropertiesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Properties", id: "#properties" },
|
||||
{ name: "Premium Listings", id: "/properties-premium" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Insights", id: "#insights" },
|
||||
{ name: "Agents", id: "#agents" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Luxury Estates"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="premium-properties" data-section="premium-properties">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Exclusive Premium Property Listings"
|
||||
description="Discover our handpicked collection of luxury residential, commercial, rental, and investment properties. Each listing features high-quality images, detailed descriptions, and virtual tour options for an immersive experience."
|
||||
products={[
|
||||
{
|
||||
id: "pp1", brand: "The Skyline Residences", name: "Modern City Penthouse with Panoramic Views", price: "$7,500,000", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/modern-house_1409-2475.jpg", imageAlt: "Modern City Penthouse"},
|
||||
{
|
||||
id: "pp2", brand: "Metropolitan Towers", name: "Prime Commercial Office Space in Business District", price: "$15,000,000", rating: 4,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/buildings-new-york-city_268835-1801.jpg", imageAlt: "Commercial Office Space"},
|
||||
{
|
||||
id: "pp3", brand: "Azure Coast Rentals", name: "Luxurious Oceanfront Villa for Lease", price: "$25,000 / month", rating: 5,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-room-interior-hotel_1359-835.jpg", imageAlt: "Oceanfront Villa"},
|
||||
{
|
||||
id: "pp4", brand: "Global Investor Group", name: "High-Yield Real Estate Investment Portfolio", price: "$10,000,000", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/financial-document-chart_1150-366.jpg", imageAlt: "Investment Property"},
|
||||
{
|
||||
id: "pp5", brand: "Tech Hub Estates", name: "Innovation Park: Commercial Land for Development", price: "$9,200,000", rating: 4,
|
||||
reviewCount: "6", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797682.jpg", imageAlt: "Commercial Land"},
|
||||
{
|
||||
id: "pp6", brand: "Heritage Homes Collection", name: "Historic Mansion with Modern Amenities", price: "$8,900,000", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694103.jpg", imageAlt: "Historic Mansion"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="inquire" data-section="inquire">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Inquire About Premium Listings or Virtual Tours"
|
||||
description="Interested in a specific property, or want to schedule a virtual tour? Fill out the form below, and one of our dedicated agents will contact you shortly to provide personalized assistance."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
||||
{
|
||||
name: "property_interest", type: "text", placeholder: "Property ID or Type of Interest (e.g., Residential, Commercial)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Your Message or Specific Property Inquiries", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/house-key-with-wooden-background_1303-3392.jpg"
|
||||
imageAlt="House key on wooden background"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Inquiry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-light-streak-black-base-backdrop_23-2148055597.jpg"
|
||||
imageAlt="Abstract luxury skyline"
|
||||
logoText="Luxury Estates"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Properties", href: "#properties" },
|
||||
{ label: "Our Agents", href: "#agents" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Residential", href: "#services" },
|
||||
{ label: "Commercial", href: "#services" },
|
||||
{ label: "Rentals", href: "#services" },
|
||||
{ label: "Investments", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Market Insights", href: "#insights" },
|
||||
{ label: "Client Testimonials", href: "#testimonials" },
|
||||
{ label: "Mortgage & FAQ", href: "#mortgage-faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Luxury Estates. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user