10 Commits

Author SHA1 Message Date
ead1816d70 Update src/app/page.tsx 2026-03-26 16:24:37 +00:00
0e650f13c9 Update src/app/page.tsx 2026-03-26 16:23:59 +00:00
f26373bc8e Update src/app/styles/variables.css 2026-03-26 16:23:25 +00:00
744ca348e9 Update src/app/page.tsx 2026-03-26 16:23:24 +00:00
46a7ced10a Update src/app/page.tsx 2026-03-26 16:20:32 +00:00
f4cbc06d54 Update src/app/page.tsx 2026-03-26 16:15:30 +00:00
2f2c0b5cac Update src/app/styles/variables.css 2026-03-26 16:14:55 +00:00
0a6ec47c61 Update src/app/styles/base.css 2026-03-26 16:14:55 +00:00
e615ce349b Update src/app/page.tsx 2026-03-26 16:14:55 +00:00
a399b2c0d0 Update src/app/layout.tsx 2026-03-26 16:14:54 +00:00
4 changed files with 112 additions and 306 deletions

View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Libre_Baskerville } from "next/font/google"; import { Libre_Baskerville } from "next/font/google";
import { Libre_Baskerville, Lato } from "next/font/google";
@@ -41,15 +42,9 @@ export const metadata: Metadata = {
}, },
}; };
const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville", const libreBaskerville = Libre_Baskerville({ variable: '--font-libre-baskerville', subsets: ['latin'], weight: ['400', '700'] });
subsets: ["latin"], const lato = Lato({ variable: '--font-lato', subsets: ['latin'], weight: ['100', '300', '400', '700', '900'] });
weight: ["400", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
export default function RootLayout({ export default function RootLayout({
children, children,
@@ -59,7 +54,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}> <body className={`${libreBaskerville.variable} ${lato.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

View File

@@ -10,7 +10,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardOne from '@/components/sections/team/TeamCardOne'; import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Headphones, MapPin, TrendingUp } from "lucide-react"; import { ArrowRight, Building, Landmark, TrendingUp } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -20,306 +20,117 @@ export default function LandingPage() {
borderRadius="soft" borderRadius="soft"
contentWidth="medium" contentWidth="medium"
sizing="large" sizing="large"
background="aurora" background="none"
cardStyle="glass-depth" cardStyle="glass-depth"
primaryButtonStyle="gradient" primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow" secondaryButtonStyle="radial-glow"
headingFontWeight="normal" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Intelligence", id: "hero" },
name: "Home", { name: "Tri-County", id: "collections" },
id: "hero", { name: "Solutions", id: "agents" },
}, { name: "Trust", id: "testimonials" },
{ ]}
name: "Collections", brandName="Rising Realty"
id: "collections", button={{ text: "Guarantee Consultation", href: "#contact" }}
}, />
{ </div>
name: "Agents",
id: "agents",
},
{
name: "Testimonials",
id: "testimonials",
},
]}
brandName="Rising Realty"
button={{
text: "Schedule a Private Tour",
href: "#contact",
}}
animateOnLoad={true}
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroBillboardCarousel
background={{ title="Intelligence-Driven Luxury Real Estate"
variant: "plain", description="Rising Realty South Florida delivers data-backed acquisition strategies for the most discerning investors in Miami-Dade, Broward, and Palm Beach."
}} background={{ variant: "plain" }}
title="Discover Your South Florida Dream Estate" mediaItems={[
description="Experience unparalleled luxury living with Rising Realty. Curating waterfront properties, new developments, and exclusive short sales in Miami-Dade & Broward." { imageSrc: "http://img.b2bpic.net/free-photo/palm-trees-line-water_23-2148107102.jpg", imageAlt: "South Florida Coastal Luxury" },
mediaItems={[ { 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" },
videoSrc: "http://img.b2bpic.net/free-photo/palm-trees-line-water_23-2148107102.jpg", ]}
videoAriaLabel: "Luxury waterfront estate in South Florida at golden hour", />
}, </div>
{
videoSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5749.jpg",
videoAriaLabel: "Cinematic view of a luxury penthouse in Miami",
},
{
videoSrc: "http://img.b2bpic.net/free-photo/beautiful-aerial-shot-coastal-city-sea_181624-242.jpg",
videoAriaLabel: "Luxury beachfront villa in South Florida",
},
{
videoSrc: "http://img.b2bpic.net/free-photo/vertical-shot-asian-young-woman-posing-street_181624-25872.jpg",
videoAriaLabel: "Grand estate in South Florida at sunset",
},
{
videoSrc: "http://img.b2bpic.net/free-photo/stair-pool_1203-3694.jpg",
videoAriaLabel: "Luxury pool area of a South Florida home",
},
{
videoSrc: "http://img.b2bpic.net/free-photo/miami-beach-ocean-view_649448-223.jpg",
videoAriaLabel: "Modern yacht docked at a luxury property",
},
]}
/>
</div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<AboutMetric <AboutMetric
useInvertedBackground={false} title="Tri-County Market Intelligence"
title="The Rising Realty Difference: Premier Luxury Real Estate Services" metrics={[
metrics={[ { icon: TrendingUp, label: "Miami-Dade Intelligence", value: "High-Yield Focus" },
{ { icon: Landmark, label: "Broward Expertise", value: "Corporate Strategic" },
icon: TrendingUp, { icon: Building, label: "Palm Beach Authority", value: "Coastal Luxury" },
label: "in Transactions", ]}
value: "Over $5 Billion", metricsAnimation="slide-up"
}, useInvertedBackground={false}
{ />
icon: MapPin, </div>
label: "Markets Served",
value: "Miami-Dade & Broward",
},
{
icon: Headphones,
label: "Concierge Service",
value: "24/7 Dedicated",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="collections" data-section="collections"> <div id="collections" data-section="collections">
<ProductCardTwo <ProductCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="default" gridVariant="three-columns-all-equal-width"
gridVariant="three-columns-all-equal-width" textboxLayout="default"
useInvertedBackground={true} title="Daily Property Catalog"
products={[ description="High-fidelity listings curated by our intelligence suite for exclusive acquisition opportunities."
{ useInvertedBackground={false}
id: "waterfront-1", products={[
brand: "Waterfront", { 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" },
name: "Oceanfront Paradise", { 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" },
price: "POA", { 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" },
rating: 5, ]}
reviewCount: "24", />
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-happy-relax-around-swimming-pool-hotel-resort-leisure_74190-8592.jpg", </div>
imageAlt: "Luxury Waterfront Villa Miami",
},
{
id: "developments-1",
brand: "New Developments",
name: "Skyline Penthouse",
price: "POA",
rating: 5,
reviewCount: "18",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-leisure-around-swimming-pool_74190-11524.jpg",
imageAlt: "New Luxury Condominium Miami",
},
{
id: "shortsales-1",
brand: "Exclusive Short Sales",
name: "Tropical Oasis",
price: "POA",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg",
imageAlt: "Exclusive Short Sale Luxury Home",
},
{
id: "waterfront-2",
brand: "Waterfront",
name: "Bayfront Grandeur",
price: "POA",
rating: 5,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/catamaran-stairs-leading-into-turquoise-waters_23-2151995404.jpg",
imageAlt: "Mediterranean Style Waterfront Mansion",
},
{
id: "developments-2",
brand: "New Developments",
name: "Modern Horizon",
price: "POA",
rating: 5,
reviewCount: "21",
imageSrc: "http://img.b2bpic.net/free-photo/party-modern-sunny-vacation-swimming_1203-4637.jpg",
imageAlt: "Sleek Modern High-rise",
},
{
id: "shortsales-2",
brand: "Exclusive Short Sales",
name: "Investor's Dream",
price: "POA",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/nature-holiday-travel-relaxation-resort_1203-5032.jpg",
imageAlt: "Luxury Short Sale Property",
},
]}
title="Curated Luxury Collections"
description="Explore our exclusive portfolio of premier South Florida properties, meticulously selected for the discerning buyer."
/>
</div>
<div id="agents" data-section="agents"> <div id="agents" data-section="agents">
<TeamCardOne <TeamCardOne
animationType="slide-up" animationType="slide-up"
textboxLayout="default" gridVariant="uniform-all-items-equal"
gridVariant="uniform-all-items-equal" textboxLayout="default"
useInvertedBackground={false} title="Investment Suite Acquisition Solutions"
members={[ description="We frame REO and Short Sale assets as sophisticated investment solutions for luxury portfolios."
{ useInvertedBackground={false}
id: "agent-1", members={[
name: "Jonathan Vance", { id: "m1", name: "Strategic Acquisitions", role: "REO & Short Sale Specialist", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-pointing-towards-you_23-2147708163.jpg" },
role: "Lead Broker, South Florida", ]}
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-pointing-towards-you_23-2147708163.jpg", />
imageAlt: "Jonathan Vance, Lead Broker at Rising Realty", </div>
},
]}
title="Meet Your Local Real Estate Expert"
description="Our dedicated agents provide unparalleled insight and service, guiding you through every step of your luxury property journey in South Florida. Connect with a specialist today."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwo <TestimonialCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} title="High-Trust Lead Capture"
testimonials={[ description="Our No-Worry, No-Hassle Guarantee ensures your luxury journey is protected and professional."
{ useInvertedBackground={false}
id: "1", testimonials={[
name: "Eleanor Sterling", { 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" },
role: "Luxury Homeowner", ]}
testimonial: "Rising Realty delivered beyond expectation. Their deep market knowledge and personalized approach found us the ideal waterfront estate. Truly a seamless experience.", />
imageSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg", </div>
imageAlt: "Eleanor Sterling, Luxury Homeowner",
},
{
id: "2",
name: "Marcus Thorne",
role: "Real Estate Investor",
testimonial: "As an investor, I need efficiency and expertise. Rising Realty consistently provided access to exclusive short sales and new developments, resulting in excellent returns.",
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",
imageAlt: "Marcus Thorne, Real Estate Investor",
},
{
id: "3",
name: "Isabella Rossi",
role: "Client",
testimonial: "The concierge service at Rising Realty made my relocation to Miami stress-free. Every detail, from property viewing to closing, was handled with utmost professionalism.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-holding-folder_74855-4978.jpg",
imageAlt: "Isabella Rossi, Client",
},
{
id: "4",
name: "David Chen",
role: "Property Buyer",
testimonial: "Finding a dream home in South Florida was a challenge until I partnered with Rising Realty. Their curated selection and responsive team made all the difference.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-using-laptop-restaurant_23-2147956341.jpg",
imageAlt: "David Chen, Property Buyer",
},
]}
title="What Our Valued Clients Say"
description="Hear from those who have successfully found their perfect South Florida properties and experienced exceptional service with Rising Realty."
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={false} tag="Finalize Your Acquisition"
background={{ title="Experience The Guarantee"
variant: "plain", 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: "#" }]}
tag="Connect With Us" background={{ variant: "plain" }}
title="Schedule Your Private Tour" useInvertedBackground={false}
description="Our experts are ready to assist you in finding your next luxury property. Fill out the form below or explore properties with our custom interactive map experience." />
buttons={[ </div>
{
text: "Request Consultation",
href: "#",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "Market Intelligence" }, { label: "Tri-County Grid" }] },
items: [ { items: [{ label: "Investment Suite" }, { label: "Trust Guarantee" }] },
{ { items: [{ label: "Privacy Policy" }, { label: "Legal Notices" }] },
label: "Home", ]}
href: "#hero", logoText="Rising Realty South Florida"
}, />
{ </div>
label: "Collections",
href: "#collections",
},
{
label: "Agents",
href: "#agents",
},
],
},
{
items: [
{
label: "Private Tour",
href: "#contact",
},
{
label: "Contact Us",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="Rising Realty"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-inter), sans-serif; font-family: var(--font-libre-baskerville), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #FFFFFF; --background: #F5F5F5;
--card: #F9F9F9; --card: #FFFFFF;
--foreground: #001F3F; --foreground: #1C1C1C;
--primary-cta: #D4AF37; --primary-cta: #1F3251;
--primary-cta-text: #001F3F; --primary-cta-text: #001F3F;
--secondary-cta: #FFFFFF; --secondary-cta: #FFFFFF;
--secondary-cta-text: #001F3F; --secondary-cta-text: #001F3F;
--accent: #D4AF37; --accent: #C0C0C0;
--background-accent: #E0E7F2; --background-accent: #A8CCE8;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);