Merge version_3 into main #9
371
src/app/page.tsx
371
src/app/page.tsx
@@ -1,344 +1,71 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import React from "react";
|
||||
import { ThemeProvider } from "@/components/theme/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import Link from "next/link";
|
||||
import {
|
||||
Building2,
|
||||
Zap,
|
||||
TrendingUp,
|
||||
BarChart3,
|
||||
DollarSign,
|
||||
Clock,
|
||||
Link as LinkIcon,
|
||||
Users,
|
||||
MessageSquare,
|
||||
HelpCircle,
|
||||
Home,
|
||||
CheckCircle,
|
||||
} from "lucide-react";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import { Package } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSizeMediumTitles"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLarge"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="PropertySync"
|
||||
navItems={[
|
||||
{ name: "Search", id: "/search" },
|
||||
{ name: "Sell", id: "/sell" },
|
||||
{ name: "Buy", id: "/buy" },
|
||||
{ name: "About", id: "/about" },
|
||||
]}
|
||||
button={{ text: "Sign In", href: "#" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Properties", id: "#properties" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="PropertySync"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
|
||||
{/* Hero Section */}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Find Your Next Investment Opportunity"
|
||||
description="Discover premium investment properties syndicated across the nation's leading real estate platforms. Connect with top agents, access market analytics, and make informed investment decisions."
|
||||
tag="Real Estate Investment"
|
||||
tagIcon={Building2}
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/modern-balconies-with-geometric-shapes-glass-reflections-contemporary-facade_169016-68993.jpg?_wi=1", imageAlt:
|
||||
"Modern luxury investment property with urban skyline"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/cityscape-frankfurt-downtown-sunset-germany_1268-20917.jpg?_wi=1", imageAlt:
|
||||
"Contemporary residential investment building"},
|
||||
]}
|
||||
rating={5}
|
||||
ratingText="Trusted by 10,000+ Investors"
|
||||
buttons={[
|
||||
{ text: "Explore Properties", href: "/search" },
|
||||
{ text: "List Property", href: "/sell" },
|
||||
]}
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* About Section */}
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "PropertySync connects investment opportunities with"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/real-estate-logo-template_23-2150529013.jpg", alt: "PropertySync logo"},
|
||||
{
|
||||
type: "text", content: "major real estate portals nationwide"},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Featured Properties Section */}
|
||||
<div id="properties" data-section="properties">
|
||||
<ProductCardTwo
|
||||
title="Featured Investment Properties"
|
||||
description="Handpicked premium properties available for qualified investors"
|
||||
tag="Available Now"
|
||||
tagIcon={Zap}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
cardClassName="border-l-4 border-l-green-500/40 bg-gradient-to-br from-green-50/30 to-transparent dark:from-green-950/20"
|
||||
cardBrandClassName="text-xs font-bold uppercase tracking-wider text-green-600 dark:text-green-400 flex items-center gap-1.5"
|
||||
<ProductCardFour
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "✓ Verified Commercial District", name: "Downtown Office Complex - Houston, TX", price: "$2,850,000", rating: 5,
|
||||
reviewCount: "127", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg", imageAlt: "Modern downtown office building"},
|
||||
id: "1", name: "Luxury Downtown Lofts", price: "$450,000", variant: "Premium Investment Grade", imageSrc: "asset://property-1", imageAlt: "Luxury Downtown Lofts", isFavorited: false,
|
||||
onFavorite: () => console.log("Favorited"),
|
||||
onProductClick: () => console.log("Clicked"),
|
||||
},
|
||||
{
|
||||
id: "2", brand: "✓ Verified Residential Mixed-Use", name: "Luxury Apartment Building - Miami, FL", price: "$4,200,000", rating: 5,
|
||||
reviewCount: "89", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/miami-beach-ocean-view_649448-234.jpg", imageAlt: "Luxury residential apartment complex"},
|
||||
id: "2", name: "Suburban Family Homes", price: "$320,000", variant: "Verified Listed Property", imageSrc: "asset://property-2", imageAlt: "Suburban Family Homes", isFavorited: false,
|
||||
onFavorite: () => console.log("Favorited"),
|
||||
onProductClick: () => console.log("Clicked"),
|
||||
},
|
||||
{
|
||||
id: "3", brand: "✓ Verified Retail Investment", name: "Retail Shopping Center - Austin, TX", price: "$3,100,000", rating: 5,
|
||||
reviewCount: "156", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/indoor-hotel-view_1417-1566.jpg", imageAlt: "Modern retail shopping center"},
|
||||
id: "3", name: "Commercial Plaza", price: "$1,200,000", variant: "Quality Vetted Investment", imageSrc: "asset://property-3", imageAlt: "Commercial Plaza", isFavorited: false,
|
||||
onFavorite: () => console.log("Favorited"),
|
||||
onProductClick: () => console.log("Clicked"),
|
||||
},
|
||||
{
|
||||
id: "4", name: "Beachfront Resort Condo", price: "$850,000", variant: "Premium Verified", imageSrc: "asset://property-4", imageAlt: "Beachfront Resort Condo", isFavorited: false,
|
||||
onFavorite: () => console.log("Favorited"),
|
||||
onProductClick: () => console.log("Clicked"),
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View All Properties", href: "/search" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Market Analytics Section */}
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
title="Market Intelligence & Analytics"
|
||||
description="Real-time market data to inform your investment strategy"
|
||||
tag="Market Insights"
|
||||
tagIcon={TrendingUp}
|
||||
title="Featured Properties"
|
||||
description="Handpicked investment opportunities vetted and verified for quality. All properties marked with our trust indicators have passed rigorous due diligence."
|
||||
tag="Featured Investments"
|
||||
tagIcon={Package}
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "10k", title: "Active Listings", description: "Premium properties nationwide", icon: Home,
|
||||
},
|
||||
{
|
||||
id: "2", value: "8.5%", title: "Average ROI", description: "Year-over-year returns", icon: BarChart3,
|
||||
},
|
||||
{
|
||||
id: "3", value: "2.5M", title: "Total Value", description: "Properties in portfolio", icon: DollarSign,
|
||||
},
|
||||
{
|
||||
id: "4", value: "48h", title: "Avg Sale Time", description: "From listing to close", icon: Clock,
|
||||
},
|
||||
]}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[{ text: "View Analytics Dashboard", href: "/analytics" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Syndication Partners Section */}
|
||||
<div id="partners" data-section="partners">
|
||||
<SocialProofOne
|
||||
title="Syndicated to Major Platforms"
|
||||
description="Your properties reach millions of qualified buyers and investors"
|
||||
tag="Industry Partners"
|
||||
tagIcon={LinkIcon}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Zillow", "Realtor.com", "Trulia", "Redfin", "CoStar", "LoopNet", "Zillow for Pros", "MLS Boards"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/geometric-isometric-real-estate-logo_23-2149537171.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-195.jpg", "http://img.b2bpic.net/free-vector/real-estate-logo-template_23-2150528995.jpg", "http://img.b2bpic.net/free-vector/real-estate-logo-template_23-2150528983.jpg", "http://img.b2bpic.net/free-vector/real-estate-logo-template_1195-25.jpg", "http://img.b2bpic.net/free-vector/geometric-isometric-real-estate-logo_23-2149537171.jpg", "http://img.b2bpic.net/free-photo/house-loan-estate-sell-mortgage-concept_53876-125097.jpg", "http://img.b2bpic.net/free-vector/flat-design-real-estate-logo-template_23-2149572455.jpg"]}
|
||||
speed={50}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Team Section */}
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
title="Expert Real Estate Professionals"
|
||||
description="Meet our team of licensed agents and market specialists"
|
||||
tag="Our Team"
|
||||
tagIcon={Users}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Sarah Mitchell", role: "Senior Investment Advisor", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg"},
|
||||
{
|
||||
id: "2", name: "James Chen", role: "Commercial Real Estate Specialist", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"},
|
||||
{
|
||||
id: "3", name: "Maria Rodriguez", role: "Portfolio Manager", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg"},
|
||||
{
|
||||
id: "4", name: "David Thompson", role: "Market Analyst", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||
{
|
||||
id: "5", name: "Emily Watson", role: "Client Success Manager", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-businesswoman-prepared-meeting_1098-2188.jpg"},
|
||||
{
|
||||
id: "6", name: "Robert Lee", role: "Legal & Compliance Officer", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/pensive-entrepreneur-sitting-empty-desk_1262-5268.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Testimonials Section */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="What Investors Say"
|
||||
description="Success stories from our community of satisfied investors"
|
||||
tag="Testimonials"
|
||||
tagIcon={MessageSquare}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Michael Johnson", role: "Portfolio Manager", company: "Capital Investments Inc", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/handsome-gay-official-suit-looking-camera-front-view-bearded-caucasian-man-smiling-camera-getting-dressed-wedding-ceremony-with-lover-lgbt-love-marriage-concept_74855-22937.jpg"},
|
||||
{
|
||||
id: "2", name: "Lisa Anderson", role: "Real Estate Investor", company: "Anderson Properties", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg"},
|
||||
{
|
||||
id: "3", name: "David Park", role: "Development Director", company: "Urban Development Co", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg"},
|
||||
{
|
||||
id: "4", name: "Jennifer Martinez", role: "Executive VP", company: "Premier Realty Group", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "$2.5B", label: "Total Transaction Volume" },
|
||||
{ value: "98%", label: "Client Satisfaction Rate" },
|
||||
{ value: "15+", label: "Years Industry Experience" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* FAQ Section */}
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers to common questions about investing and syndication"
|
||||
tag="Help & Support"
|
||||
tagIcon={HelpCircle}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-multiethnic-call-center-workers-typing-pc-keyboard-assisting-clients_482257-117936.jpg"
|
||||
imageAlt="Customer support team assisting investors"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="left"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How does PropertySync syndicate listings to Zillow and Realtor.com?", content: "PropertySync integrates directly with MLS (Multiple Listing Service) databases and uses secure data feeds to automatically syndicate properties to major portals including Zillow, Realtor.com, Trulia, and Redfin. This ensures your listings reach the widest possible audience of qualified buyers and investors."},
|
||||
{
|
||||
id: "2", title: "What are the minimum investment requirements?", content: "Minimum investment amounts vary by property type and location, typically ranging from $25,000 to $100,000. We offer investment opportunities at various price points to accommodate different investor profiles and portfolio strategies."},
|
||||
{
|
||||
id: "3", title: "How long does the listing to close process take?", content: "The average timeline from listing to close is 30-60 days, though it can vary based on property type, financing, and market conditions. Our experienced team works to streamline the process and ensure smooth transactions."},
|
||||
{
|
||||
id: "4", title: "Are there any hidden fees or additional costs?", content: "We maintain full transparency in all our pricing. Our fee structure includes listing fees, commission splits, and syndication costs, all clearly disclosed upfront. There are no hidden charges or surprise fees."},
|
||||
{
|
||||
id: "5", title: "What types of properties can I invest in?", content: "We specialize in commercial, residential, mixed-use, retail, and industrial properties. Our portfolio includes everything from small multi-family units to large commercial complexes."},
|
||||
{
|
||||
id: "6", title: "How do I get started as a buyer or seller?", content: "Getting started is simple. Sign up on our platform, complete your investor profile, and our team will guide you through the process. For sellers, we'll list your property and manage syndication across all major platforms."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact Section */}
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to grow your real estate investment portfolio? Connect with our team today to explore exclusive opportunities and access the most comprehensive property listings in the nation."
|
||||
animationType="entrance-slide"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "Schedule Consultation", href: "#" },
|
||||
{ text: "Contact Our Team", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{ label: "Search Properties", href: "/search" },
|
||||
{ label: "List Property", href: "/sell" },
|
||||
{ label: "Buy Properties", href: "/buy" },
|
||||
{ label: "Analytics Dashboard", href: "/analytics" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Team", href: "#team" },
|
||||
{ label: "Market Insights", href: "#metrics" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Disclaimer", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact Us", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2025 PropertySync. All rights reserved."
|
||||
bottomRightText="Syndicated to Zillow, Realtor.com & Major MLS Boards"
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user