Update src/app/page.tsx
This commit is contained in:
199
src/app/page.tsx
199
src/app/page.tsx
@@ -2,13 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { ArrowRight, Building, Landmark, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -17,106 +19,109 @@ export default function LandingPage() {
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Market Intelligence", id: "hero" },
|
||||
{ name: "Tri-County Expertise", id: "metrics" },
|
||||
{ name: "Acquisition Solutions", id: "features" },
|
||||
{ name: "Property Catalog", id: "catalog" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Rising Realty"
|
||||
button={{ text: "Guarantee Consultation", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Intelligence", id: "hero" },
|
||||
{ name: "Tri-County", id: "collections" },
|
||||
{ name: "Solutions", id: "agents" },
|
||||
{ name: "Trust", id: "testimonials" },
|
||||
]}
|
||||
brandName="Rising Realty"
|
||||
button={{ text: "Guarantee Consultation", href: "#contact" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
title="Intelligence-Driven Luxury Real Estate"
|
||||
description="Rising Realty South Florida delivers data-backed precision for the modern coastal investor. Your portfolio deserves the clarity of professional market intelligence."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-penthouse-miami-night_1203-789.jpg"
|
||||
buttons={[{ text: "View Market Reports", href: "#metrics" }, { text: "Inquire Now", href: "#contact" }]}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Intelligence-Driven Luxury Real Estate"
|
||||
description="Rising Realty South Florida delivers data-backed acquisition strategies for the most discerning investors in Miami-Dade, Broward, and Palm Beach."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/palm-trees-line-water_23-2148107102.jpg", imageAlt: "South Florida Coastal Luxury" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-aerial-shot-coastal-city-sea_181624-242.jpg", imageAlt: "Miami Skyline View" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stair-pool_1203-3694.jpg", imageAlt: "Modern Luxury Estate Pool" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Tri-County Market Intelligence"
|
||||
description="Expert coverage across Miami-Dade, Broward, and Palm Beach corridors."
|
||||
metrics={[
|
||||
{ id: "miami", value: "Miami-Dade", description: "Metropolitan Luxury Core" },
|
||||
{ id: "broward", value: "Broward", description: "Strategic Coastal Growth" },
|
||||
{ id: "palm", value: "Palm Beach", description: "Premier Estate Enclaves" }
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<AboutMetric
|
||||
title="Tri-County Market Intelligence"
|
||||
metrics={[
|
||||
{ icon: TrendingUp, label: "Miami-Dade Intelligence", value: "High-Yield Focus" },
|
||||
{ icon: Landmark, label: "Broward Expertise", value: "Corporate Strategic" },
|
||||
{ icon: Building, label: "Palm Beach Authority", value: "Coastal Luxury" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
title="Investment & Acquisition Solutions"
|
||||
description="We pivot short sales and REO opportunities into high-value assets for sophisticated portfolios."
|
||||
features={[
|
||||
{ id: 1, title: "REO Optimization", description: "Strategic acquisition of bank-owned luxury assets.", imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-luxury-home_1203-1254.jpg" },
|
||||
{ id: 2, title: "Short Sale Mastery", description: "Expert navigation of complex transaction environments.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-oceanfront_1203-568.jpg" }
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="collections" data-section="collections">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
title="Daily Property Catalog"
|
||||
description="High-fidelity listings curated by our intelligence suite for exclusive acquisition opportunities."
|
||||
products={[
|
||||
{ id: "p1", brand: "Waterfront", name: "Biscayne Bay Estate", price: "$12.5M", rating: 5, reviewCount: "4", imageSrc: "http://img.b2bpic.net/free-photo/miami-beach-ocean-view_649448-223.jpg" },
|
||||
{ id: "p2", brand: "New Dev", name: "Downtown Apex Tower", price: "$5.2M", rating: 5, reviewCount: "2", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-aerial-shot-coastal-city-sea_181624-242.jpg" },
|
||||
{ id: "p3", brand: "Acquisition", name: "Palm Beach Sanctuary", price: "$8.9M", rating: 5, reviewCount: "3", imageSrc: "http://img.b2bpic.net/free-photo/stair-pool_1203-3694.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="catalog" data-section="catalog">
|
||||
<ProductCardOne
|
||||
title="Daily Property Catalog"
|
||||
description="High-fidelity listings curated for the luxury investor."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Biscayne Bay Estate", price: "$8.5M", imageSrc: "http://img.b2bpic.net/free-photo/modern-mansion-pool_1203-245.jpg" },
|
||||
{ id: "p2", name: "Fort Lauderdale Penthouse", price: "$4.2M", imageSrc: "http://img.b2bpic.net/free-photo/luxury-interior-condo_1203-887.jpg" },
|
||||
{ id: "p3", name: "Palm Beach Island Retreat", price: "$12M", imageSrc: "http://img.b2bpic.net/free-photo/coastal-luxury-villa_1203-999.jpg" },
|
||||
{ id: "p4", name: "Miami River Development", price: "$6.8M", imageSrc: "http://img.b2bpic.net/free-photo/waterfront-development-site_1203-345.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="agents" data-section="agents">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
title="Investment Suite Acquisition Solutions"
|
||||
description="We frame REO and Short Sale assets as sophisticated investment solutions for luxury portfolios."
|
||||
members={[
|
||||
{ id: "m1", name: "Strategic Acquisitions", role: "REO & Short Sale Specialist", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-pointing-towards-you_23-2147708163.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="No-Worry Guarantee"
|
||||
title="Rising Realty Commitment"
|
||||
description="Our No-Hassle Guarantee ensures a seamless, transparent experience from acquisition to closing. Trust in our intelligence."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-real-estate-agent-client-shaking-hands_1203-678.jpg"
|
||||
buttonText="Schedule Consultation"
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
title="High-Trust Lead Capture"
|
||||
description="Our No-Worry, No-Hassle Guarantee ensures your luxury journey is protected and professional."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Global Investor", role: "Asset Management", testimonial: "Rising Realty transformed how we look at distressed assets. Absolute sophistication.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-young-female-with-positive-expression-wears-summer-hat-stylish-blouse-sits-comfortable-chair-outdoor-holds-cell-phone-surf-social-networks-downloads-photos-page_273609-2364.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Regions", items: [{ label: "Miami-Dade", href: "#" }, { label: "Broward", href: "#" }, { label: "Palm Beach", href: "#" }] },
|
||||
{ title: "Insights", items: [{ label: "Market Reports", href: "#" }, { label: "REO Data", href: "#" }, { label: "Investment Strategies", href: "#" }] }
|
||||
]}
|
||||
logoText="Rising Realty South Florida"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Finalize Your Acquisition"
|
||||
title="Experience The Guarantee"
|
||||
description="Inquire today about our intelligence-driven process and leverage our No-Hassle Guarantee for your next Florida property purchase."
|
||||
buttons={[{ text: "Connect Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Market Intelligence" }, { label: "Tri-County Grid" }] },
|
||||
{ items: [{ label: "Investment Suite" }, { label: "Trust Guarantee" }] },
|
||||
{ items: [{ label: "Privacy Policy" }, { label: "Legal Notices" }] },
|
||||
]}
|
||||
logoText="Rising Realty South Florida"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user