Merge version_1 into main #1
426
src/app/page.tsx
426
src/app/page.tsx
@@ -17,311 +17,145 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Listings",
|
||||
id: "listings",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="RentFind"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Listings", id: "listings" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="RentFind"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Find Your Next Home Comfortably"
|
||||
description="Browse thousands of verified rental properties with ease. We connect you directly with landlords for a transparent, hassle-free rental experience."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivier",
|
||||
handle: "@alex_r",
|
||||
testimonial: "The search process was incredibly smooth. Found my dream apartment in a week.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/simple-living-room-interior_53876-146255.jpg",
|
||||
},
|
||||
{
|
||||
name: "Samantha Lee",
|
||||
handle: "@slee_design",
|
||||
testimonial: "Transparent listings and direct landlord communication made all the difference.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-80.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Miller",
|
||||
handle: "@dmiller",
|
||||
testimonial: "Excellent platform for finding high-quality rentals. Very user-friendly interface.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-home-covid-test_23-2149173541.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Gomez",
|
||||
handle: "@elena_g",
|
||||
testimonial: "I love how easy it is to filter by location and amenities. Highly recommend.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-getting-manicure_23-2150507022.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "Professional, reliable, and exactly what I needed to find a new house.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-female-realtor-showing-empty-house-young-couple_23-2148895449.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Searching",
|
||||
href: "#listings",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407628.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407628.jpg",
|
||||
alt: "Avatar 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-suit-outside-church-waving-welcoming-woman_181624-23201.jpg",
|
||||
alt: "Avatar 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mortgage-house-loan-website-login-graphic-concept_53876-127712.jpg",
|
||||
alt: "Avatar 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-outdoors-arrangement_23-2149135744.jpg",
|
||||
alt: "Avatar 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stamped-paper-form-mortgage_23-2147764255.jpg",
|
||||
alt: "Avatar 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Verified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="Find Your Next Home Comfortably"
|
||||
description="Browse thousands of verified rental properties with ease. We connect you directly with landlords for a transparent, hassle-free rental experience."
|
||||
testimonials={[
|
||||
{ name: "Alex Rivier", handle: "@alex_r", testimonial: "The search process was incredibly smooth. Found my dream apartment in a week.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/simple-living-room-interior_53876-146255.jpg" },
|
||||
{ name: "Samantha Lee", handle: "@slee_design", testimonial: "Transparent listings and direct landlord communication made all the difference.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-80.jpg" },
|
||||
{ name: "David Miller", handle: "@dmiller", testimonial: "Excellent platform for finding high-quality rentals. Very user-friendly interface.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-doing-home-covid-test_23-2149173541.jpg" },
|
||||
{ name: "Elena Gomez", handle: "@elena_g", testimonial: "I love how easy it is to filter by location and amenities. Highly recommend.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-getting-manicure_23-2150507022.jpg" },
|
||||
{ name: "Marcus Thorne", handle: "@mthorne", testimonial: "Professional, reliable, and exactly what I needed to find a new house.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-female-realtor-showing-empty-house-young-couple_23-2148895449.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Start Searching", href: "#listings" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407628.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407628.jpg", alt: "Avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-suit-outside-church-waving-welcoming-woman_181624-23201.jpg", alt: "Avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mortgage-house-loan-website-login-graphic-concept_53876-127712.jpg", alt: "Avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-outdoors-arrangement_23-2149135744.jpg", alt: "Avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stamped-paper-form-mortgage_23-2147764255.jpg", alt: "Avatar 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Verified" },
|
||||
{ type: "text", text: "Secure" },
|
||||
{ type: "text", text: "Professional" },
|
||||
{ type: "text", text: "Transparent" },
|
||||
{ type: "text", text: "Reliable" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Simplifying Your Property Hunt"
|
||||
description="We believe finding a rental house shouldn't feel like a full-time job. Our platform streamlines the entire process, from property alerts to secure document sharing."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-suit-outside-church-waving-welcoming-woman_181624-23201.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Simplifying Your Property Hunt"
|
||||
description="We believe finding a rental house shouldn't feel like a full-time job. Our platform streamlines the entire process, from property alerts to secure document sharing."
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-suit-outside-church-waving-welcoming-woman_181624-23201.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Smart Filtering",
|
||||
description: "Narrow down results by location, price, amenities, and more instantly.",
|
||||
tag: "Tools",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mortgage-house-loan-website-login-graphic-concept_53876-127712.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Virtual Tours",
|
||||
description: "Explore homes through immersive video tours before booking a physical visit.",
|
||||
tag: "Media",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-outdoors-arrangement_23-2149135744.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Verified Listings",
|
||||
description: "Every property is verified for authenticity, keeping your rental search safe.",
|
||||
tag: "Safety",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stamped-paper-form-mortgage_23-2147764255.jpg",
|
||||
},
|
||||
]}
|
||||
title="Everything You Need"
|
||||
description="Designed to provide you with the most efficient search tools for your rental journey."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Smart Filtering", description: "Narrow down results by location, price, amenities, and more instantly.", tag: "Tools", imageSrc: "http://img.b2bpic.net/free-photo/mortgage-house-loan-website-login-graphic-concept_53876-127712.jpg" },
|
||||
{ id: "2", title: "Virtual Tours", description: "Explore homes through immersive video tours before booking a physical visit.", tag: "Media", imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-outdoors-arrangement_23-2149135744.jpg" },
|
||||
{ id: "3", title: "Verified Listings", description: "Every property is verified for authenticity, keeping your rental search safe.", tag: "Safety", imageSrc: "http://img.b2bpic.net/free-photo/stamped-paper-form-mortgage_23-2147764255.jpg" }
|
||||
]}
|
||||
title="Everything You Need"
|
||||
description="Designed to provide you with the most efficient search tools for your rental journey."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="listings" data-section="listings">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Modern Studio City Center",
|
||||
price: "$1,450/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-picture-front-house_23-2148258787.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cozy Suburban Cottage",
|
||||
price: "$1,800/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-with-device-lifestyle_23-2151848739.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Luxury Penthouse View",
|
||||
price: "$3,200/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-family-with-little-daughter-moving-into-new-house_1303-23761.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Minimalist Garden Flat",
|
||||
price: "$1,600/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-standing-with-coffee-near-window_7502-9288.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Family House With Yard",
|
||||
price: "$2,100/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-light-lamp-design_23-2151153848.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Charming Modern Studio",
|
||||
price: "$1,300/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-girl-having-fun-street_259150-57532.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Rental Properties"
|
||||
description="Browse our latest curated listings across the city."
|
||||
/>
|
||||
</div>
|
||||
<div id="listings" data-section="listings">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Modern Studio City Center", price: "$1,450/mo", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-picture-front-house_23-2148258787.jpg" },
|
||||
{ id: "2", name: "Cozy Suburban Cottage", price: "$1,800/mo", imageSrc: "http://img.b2bpic.net/free-photo/working-with-device-lifestyle_23-2151848739.jpg" },
|
||||
{ id: "3", name: "Luxury Penthouse View", price: "$3,200/mo", imageSrc: "http://img.b2bpic.net/free-photo/young-family-with-little-daughter-moving-into-new-house_1303-23761.jpg" },
|
||||
{ id: "4", name: "Minimalist Garden Flat", price: "$1,600/mo", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-standing-with-coffee-near-window_7502-9288.jpg" },
|
||||
{ id: "5", name: "Family House With Yard", price: "$2,100/mo", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-light-lamp-design_23-2151153848.jpg" },
|
||||
{ id: "6", name: "Charming Modern Studio", price: "$1,300/mo", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-girl-having-fun-street_259150-57532.jpg" }
|
||||
]}
|
||||
title="Featured Rental Properties"
|
||||
description="Browse our latest curated listings across the city."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are all listings verified?",
|
||||
content: "Yes, we manually vet every property listed on our site for your security.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I schedule a viewing?",
|
||||
content: "Simply click the 'Request Viewing' button on any listing to communicate with the owner.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is the platform free?",
|
||||
content: "Browsing is completely free. We charge a small fee for tenant verification services.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to help you navigate our platform confidently."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-room-decor-with-furniture-minimalist-beige-tones_23-2150767043.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Are all listings verified?", content: "Yes, we manually vet every property listed on our site for your security." },
|
||||
{ id: "2", title: "How do I schedule a viewing?", content: "Simply click the 'Request Viewing' button on any listing to communicate with the owner." },
|
||||
{ id: "3", title: "Is the platform free?", content: "Browsing is completely free. We charge a small fee for tenant verification services." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to help you navigate our platform confidently."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-room-decor-with-furniture-minimalist-beige-tones_23-2150767043.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Find Your Home?"
|
||||
description="Subscribe to our daily listing alerts to never miss a perfect rental house."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-agents-logging-customer-interactions-spreadsheet-document-pc_482257-117912.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Find Your Home?"
|
||||
description="Subscribe to our daily listing alerts to never miss a perfect rental house."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-agents-logging-customer-interactions-spreadsheet-document-pc_482257-117912.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="RentFind"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Listings",
|
||||
href: "#listings",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="RentFind"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Listings", href: "#listings" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user