Merge version_1 into main #4
322
src/app/page.tsx
322
src/app/page.tsx
@@ -29,176 +29,176 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Listings", id: "listings" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Southwest Florida RE Group"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Listings", id: "listings" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Southwest Florida RE Group"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Gateway to Southwest Florida Real Estate"
|
||||
description="Experience unparalleled service and expertise with the Southwest Florida RE Group. We match your lifestyle with the perfect property."
|
||||
buttons={[
|
||||
{ text: "Find My Home", href: "#listings" },
|
||||
{ text: "Sell My Home", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/real-estate-wooden-table-finance-budgeting-concept_53876-128912.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/real-estate-adult-asian-woman-searching-home-holding-house-model-smiling-promo-broker-com_1258-156873.jpg", alt: "Broker expert" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/image-handsome-real-estate-agent-black-suit-showing-home-maket-looking-amazed-selling-hous_1258-154953.jpg", alt: "Real estate agent" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-excited-handsome-man-looking-home-showing-house-thumbup-recommending-real-esta_1258-154956.jpg", alt: "Happy client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/real-estate-insurance-concept-salesman-grey-suit-showing-paper-house-cutout-selling-property_1258-154154.jpg", alt: "Agent assistant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/miami-luxury-house_649448-2903.jpg", alt: "Luxury partner" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Luxury Waterfront", icon: Waves },
|
||||
{ type: "text-icon", text: "Golf Communities", icon: Flag },
|
||||
{ type: "text-icon", text: "Prime Locations", icon: MapPin },
|
||||
{ type: "text-icon", text: "Expert Negotiators", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Market Specialists", icon: TrendingUp }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Gateway to Southwest Florida Real Estate"
|
||||
description="Experience unparalleled service and expertise with the Southwest Florida RE Group. We match your lifestyle with the perfect property."
|
||||
buttons={[
|
||||
{ text: "Find My Home", href: "#listings" },
|
||||
{ text: "Sell My Home", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/real-estate-wooden-table-finance-budgeting-concept_53876-128912.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/real-estate-adult-asian-woman-searching-home-holding-house-model-smiling-promo-broker-com_1258-156873.jpg", alt: "Broker expert" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/image-handsome-real-estate-agent-black-suit-showing-home-maket-looking-amazed-selling-hous_1258-154953.jpg", alt: "Real estate agent" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-excited-handsome-man-looking-home-showing-house-thumbup-recommending-real-esta_1258-154956.jpg", alt: "Happy client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/real-estate-insurance-concept-salesman-grey-suit-showing-paper-house-cutout-selling-property_1258-154154.jpg", alt: "Agent assistant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/miami-luxury-house_649448-2903.jpg", alt: "Luxury partner" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Luxury Waterfront", icon: Waves },
|
||||
{ type: "text-icon", text: "Golf Communities", icon: Flag },
|
||||
{ type: "text-icon", text: "Prime Locations", icon: MapPin },
|
||||
{ type: "text-icon", text: "Expert Negotiators", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Market Specialists", icon: TrendingUp }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Trust & Expertise"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Years Experience", value: "15+" },
|
||||
{ icon: Home, label: "Properties Sold", value: "500+" },
|
||||
{ icon: Users, label: "Happy Families", value: "100%" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Trust & Expertise"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Years Experience", value: "15+" },
|
||||
{ icon: Home, label: "Properties Sold", value: "500+" },
|
||||
{ icon: Users, label: "Happy Families", value: "100%" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Expert Market Knowledge", description: "In-depth insights into the Southwest Florida housing market.", bentoComponent: { bentoComponent: "reveal-icon", icon: ShieldCheck }, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-thoughtful-business-colleagues-standing-near-table-analyzing-documents_1262-12289.jpg", imageAlt: "professional real estate agent smiling" },
|
||||
{ title: "Prime Listings", description: "Exclusive access to the best waterfront and golf communities.", bentoComponent: { bentoComponent: "reveal-icon", icon: MapPin }, imageSrc: "http://img.b2bpic.net/free-photo/real-estate-wooden-table-finance-budgeting-concept_53876-128912.jpg", imageAlt: "professional real estate agent smiling" },
|
||||
{ title: "Personalized Service", description: "Dedicated agents focused on your unique property needs.", bentoComponent: { bentoComponent: "reveal-icon", icon: Heart }, imageSrc: "http://img.b2bpic.net/free-photo/view-tank-container-water-storage_23-2151748249.jpg", imageAlt: "professional real estate agent smiling" }
|
||||
]}
|
||||
title="Why Choose Our Group"
|
||||
description="We offer more than just listings; we offer a tailored lifestyle strategy."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Expert Market Knowledge", description: "In-depth insights into the Southwest Florida housing market.", bentoComponent: { bentoComponent: "reveal-icon", icon: ShieldCheck }, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-thoughtful-business-colleagues-standing-near-table-analyzing-documents_1262-12289.jpg", imageAlt: "professional real estate agent smiling" },
|
||||
{ title: "Prime Listings", description: "Exclusive access to the best waterfront and golf communities.", bentoComponent: { bentoComponent: "reveal-icon", icon: MapPin }, imageSrc: "http://img.b2bpic.net/free-photo/real-estate-wooden-table-finance-budgeting-concept_53876-128912.jpg", imageAlt: "professional real estate agent smiling" },
|
||||
{ title: "Personalized Service", description: "Dedicated agents focused on your unique property needs.", bentoComponent: { bentoComponent: "reveal-icon", icon: Heart }, imageSrc: "http://img.b2bpic.net/free-photo/view-tank-container-water-storage_23-2151748249.jpg", imageAlt: "professional real estate agent smiling" }
|
||||
]}
|
||||
title="Why Choose Our Group"
|
||||
description="We offer more than just listings; we offer a tailored lifestyle strategy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="listings" data-section="listings">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Waterfront Estate", price: "$1.2M", variant: "Fort Myers", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg" },
|
||||
{ id: "2", name: "Golf Course Villa", price: "$850k", variant: "Naples", imageSrc: "http://img.b2bpic.net/free-photo/two-happy-woman-friends-with-sunglasses-vacation-tropical-country_343596-743.jpg" },
|
||||
{ id: "3", name: "Coastal Haven", price: "$950k", variant: "Cape Coral", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-building-exterior-design_23-2151917357.jpg" },
|
||||
{ id: "4", name: "Modern Condo", price: "$600k", variant: "Bonita Springs", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-posing-kitchen_23-2148440097.jpg" },
|
||||
{ id: "5", name: "Family Retreat", price: "$725k", variant: "Estero", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-decoration-bedroom_1339-7409.jpg" },
|
||||
{ id: "6", name: "Luxury Penthouse", price: "$1.5M", variant: "Fort Myers Beach", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-decoration_181624-57833.jpg" }
|
||||
]}
|
||||
title="Featured Luxury Listings"
|
||||
description="Explore our curated collection of homes in Southwest Florida."
|
||||
/>
|
||||
</div>
|
||||
<div id="listings" data-section="listings">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Waterfront Estate", price: "$1.2M", variant: "Fort Myers", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg" },
|
||||
{ id: "2", name: "Golf Course Villa", price: "$850k", variant: "Naples", imageSrc: "http://img.b2bpic.net/free-photo/two-happy-woman-friends-with-sunglasses-vacation-tropical-country_343596-743.jpg" },
|
||||
{ id: "3", name: "Coastal Haven", price: "$950k", variant: "Cape Coral", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-building-exterior-design_23-2151917357.jpg" },
|
||||
{ id: "4", name: "Modern Condo", price: "$600k", variant: "Bonita Springs", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-posing-kitchen_23-2148440097.jpg" },
|
||||
{ id: "5", name: "Family Retreat", price: "$725k", variant: "Estero", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-decoration-bedroom_1339-7409.jpg" },
|
||||
{ id: "6", name: "Luxury Penthouse", price: "$1.5M", variant: "Fort Myers Beach", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-decoration_181624-57833.jpg" }
|
||||
]}
|
||||
title="Featured Luxury Listings"
|
||||
description="Explore our curated collection of homes in Southwest Florida."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", value: "98%", title: "Client Satisfaction", description: "Our focus on results leads to high client referrals.", icon: Smile },
|
||||
{ id: "2", value: "30", title: "Days Avg on Market", description: "We sell homes faster than the average agency.", icon: TrendingUp },
|
||||
{ id: "3", value: "10M+", title: "Monthly Sales Volume", description: "Proven success in the Southwest Florida region.", icon: BarChart2 }
|
||||
]}
|
||||
title="Market Impact"
|
||||
description="Proven performance indicators for our agency."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", value: "98%", title: "Client Satisfaction", description: "Our focus on results leads to high client referrals.", icon: Smile },
|
||||
{ id: "2", value: "30", title: "Days Avg on Market", description: "We sell homes faster than the average agency.", icon: TrendingUp },
|
||||
{ id: "3", value: "10M+", title: "Monthly Sales Volume", description: "Proven success in the Southwest Florida region.", icon: BarChart2 }
|
||||
]}
|
||||
title="Market Impact"
|
||||
description="Proven performance indicators for our agency."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The Southwest Florida RE Group made our home buying process seamless.", imageSrc: "http://img.b2bpic.net/free-photo/relaxing-fume-banking-adult-absence_1134-936.jpg" },
|
||||
{ id: "2", name: "Mark D.", handle: "@markd", testimonial: "Unmatched local knowledge and personalized attention throughout the sale.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-key-new-home_329181-189.jpg" },
|
||||
{ id: "3", name: "Elena R.", handle: "@elenar", testimonial: "Sold our property faster than expected. Highly professional team!", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-tablet_23-2147996524.jpg" },
|
||||
{ id: "4", name: "Chris T.", handle: "@christ", testimonial: "Knowledgeable, professional, and friendly. We loved the experience.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg" },
|
||||
{ id: "5", name: "Linda M.", handle: "@lindam", testimonial: "Excellent communication from start to finish. We are very satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg" }
|
||||
]}
|
||||
title="Hear From Our Clients"
|
||||
description="Read success stories from families who found their dream homes in Florida."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The Southwest Florida RE Group made our home buying process seamless.", imageSrc: "http://img.b2bpic.net/free-photo/relaxing-fume-banking-adult-absence_1134-936.jpg" },
|
||||
{ id: "2", name: "Mark D.", handle: "@markd", testimonial: "Unmatched local knowledge and personalized attention throughout the sale.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-key-new-home_329181-189.jpg" },
|
||||
{ id: "3", name: "Elena R.", handle: "@elenar", testimonial: "Sold our property faster than expected. Highly professional team!", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-tablet_23-2147996524.jpg" },
|
||||
{ id: "4", name: "Chris T.", handle: "@christ", testimonial: "Knowledgeable, professional, and friendly. We loved the experience.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg" },
|
||||
{ id: "5", name: "Linda M.", handle: "@lindam", testimonial: "Excellent communication from start to finish. We are very satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg" }
|
||||
]}
|
||||
title="Hear From Our Clients"
|
||||
description="Read success stories from families who found their dream homes in Florida."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "How is the current market in Florida?", content: "Our market remains strong with continued demand for coastal and golf-centric living." },
|
||||
{ id: "2", title: "How do you estimate home values?", content: "We use comparative market analysis and data-driven insights for accuracy." },
|
||||
{ id: "3", title: "How long does the buying process take?", content: "Typically 30-45 days, though we work with you to hit your preferred timeline." }
|
||||
]}
|
||||
sideTitle="Commonly Asked Questions"
|
||||
sideDescription="Everything you need to know about Southwest Florida real estate."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "How is the current market in Florida?", content: "Our market remains strong with continued demand for coastal and golf-centric living." },
|
||||
{ id: "2", title: "How do you estimate home values?", content: "We use comparative market analysis and data-driven insights for accuracy." },
|
||||
{ id: "3", title: "How long does the buying process take?", content: "Typically 30-45 days, though we work with you to hit your preferred timeline." }
|
||||
]}
|
||||
sideTitle="Commonly Asked Questions"
|
||||
sideDescription="Everything you need to know about Southwest Florida real estate."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Start Your Florida Journey Today"
|
||||
description="Reach out to discuss your property goals and schedule a consultation."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/different-office-stationery-arranged-white-table-co-working-office_285396-9050.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Start Your Florida Journey Today"
|
||||
description="Reach out to discuss your property goals and schedule a consultation."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/different-office-stationery-arranged-white-table-co-working-office_285396-9050.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/orchid-summer-resort-rattan-nature_1203-4873.jpg"
|
||||
logoText="Southwest Florida RE Group"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Listings", href: "#listings" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Use", href: "#" },
|
||||
{ label: "Office Location", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 | Southwest Florida RE Group"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/orchid-summer-resort-rattan-nature_1203-4873.jpg"
|
||||
logoText="Southwest Florida RE Group"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Listings", href: "#listings" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Use", href: "#" },
|
||||
{ label: "Office Location", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 | Southwest Florida RE Group"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user