Merge version_1 into main #2
164
src/app/page.tsx
164
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Headphones, Shield, CheckCircle } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -29,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "properties",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Properties", id: "properties" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="HomeRent"
|
||||
/>
|
||||
@@ -53,32 +42,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Your New Home Awaits You"
|
||||
description="Discover high-end rental properties across the city. Experience seamless, transparent booking at the click of a button."
|
||||
tag="Trusted Property Rentals"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-water-swimming-resort-hotel_1203-4648.jpg",
|
||||
imageAlt: "Luxury house exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-water-swimming-resort-hotel_1203-4648.jpg", imageAlt: "Luxury house exterior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712943.jpg",
|
||||
imageAlt: "Modern bedroom interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-girls-posing-together_23-2148495472.jpg?_wi=1",
|
||||
imageAlt: "Suburban garden house",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-80s-aesthetic-summer-clothing_23-2151016274.jpg?_wi=1",
|
||||
imageAlt: "Beachfront rental villa",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-house-near-green-trees-mountain-daytime_414077-32.jpg?_wi=1",
|
||||
imageAlt: "Cozy forest cottage",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712943.jpg", imageAlt: "Modern bedroom interior"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -92,28 +64,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Search",
|
||||
description: "AI-powered property matching based on your personal preferences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-his-office-with-tablet_1134-259.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Smart Search", description: "AI-powered property matching based on your personal preferences.", imageSrc: "http://img.b2bpic.net/free-photo/employee-working-his-office-with-tablet_1134-259.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Expert assistance available at any time to help you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151065041.jpg",
|
||||
buttonIcon: "Headphones",
|
||||
title: "24/7 Support", description: "Expert assistance available at any time to help you.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151065041.jpg", buttonIcon: Headphones,
|
||||
},
|
||||
{
|
||||
title: "Verified Security",
|
||||
description: "All properties thoroughly vetted for your safety and peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-smartphone-with-home-automation-app_23-2149036832.jpg",
|
||||
buttonIcon: "Shield",
|
||||
title: "Verified Security", description: "All properties thoroughly vetted for your safety and peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-smartphone-with-home-automation-app_23-2149036832.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Seamless Booking",
|
||||
description: "Fast and secure online booking process for stress-free moves.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dream-come-true-happy-couple-together-their-new-house-conception-moving_146671-16189.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Seamless Booking", description: "Fast and secure online booking process for stress-free moves.", imageSrc: "http://img.b2bpic.net/free-photo/dream-come-true-happy-couple-together-their-new-house-conception-moving_146671-16189.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Why Choose HomeRent?"
|
||||
@@ -129,41 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Suburban Garden House",
|
||||
price: "$1,200/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-girls-posing-together_23-2148495472.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Suburban Garden House", price: "$1,200/mo", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-girls-posing-together_23-2148495472.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luxury City Loft",
|
||||
price: "$2,500/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-dancing-outdoors_23-2149643020.jpg",
|
||||
},
|
||||
id: "p2", name: "Luxury City Loft", price: "$2,500/mo", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-dancing-outdoors_23-2149643020.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Oceanfront Villa",
|
||||
price: "$4,000/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-80s-aesthetic-summer-clothing_23-2151016274.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Oceanfront Villa", price: "$4,000/mo", imageSrc: "http://img.b2bpic.net/free-photo/woman-80s-aesthetic-summer-clothing_23-2151016274.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Nature Retreat Cottage",
|
||||
price: "$900/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-house-near-green-trees-mountain-daytime_414077-32.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Nature Retreat Cottage", price: "$900/mo", imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-house-near-green-trees-mountain-daytime_414077-32.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Modern Townhome",
|
||||
price: "$1,800/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/houses-with-yacht-old-port-nesebar-bulgaria_627829-7533.jpg",
|
||||
},
|
||||
id: "p5", name: "Modern Townhome", price: "$1,800/mo", imageSrc: "http://img.b2bpic.net/free-photo/houses-with-yacht-old-port-nesebar-bulgaria_627829-7533.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Minimalist City Flat",
|
||||
price: "$1,500/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-abstract-3d-design-elements_23-2148996829.jpg",
|
||||
},
|
||||
id: "p6", name: "Minimalist City Flat", price: "$1,500/mo", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-abstract-3d-design-elements_23-2148996829.jpg"},
|
||||
]}
|
||||
title="Featured Properties"
|
||||
description="Explore our curated selection of premium homes available for rent."
|
||||
@@ -178,25 +114,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
alt: "Tenant 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", alt: "Tenant 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",
|
||||
alt: "Tenant 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg", alt: "Tenant 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg",
|
||||
alt: "Tenant 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg", alt: "Tenant 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
||||
alt: "Tenant 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "Tenant 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
|
||||
alt: "Tenant 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", alt: "Tenant 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -209,20 +135,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is verification mandatory?",
|
||||
content: "Yes, we verify all users to ensure safety for both renters and owners.",
|
||||
},
|
||||
id: "f1", title: "Is verification mandatory?", content: "Yes, we verify all users to ensure safety for both renters and owners."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long is the lease term?",
|
||||
content: "We offer flexible lease terms starting from 6 months up to 2 years.",
|
||||
},
|
||||
id: "f2", title: "How long is the lease term?", content: "We offer flexible lease terms starting from 6 months up to 2 years."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are pets allowed?",
|
||||
content: "Pet policies vary by property. Check the specific listing description for pet info.",
|
||||
},
|
||||
id: "f3", title: "Are pets allowed?", content: "Pet policies vary by property. Check the specific listing description for pet info."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-still-life-with-vase-branch-stone-table_23-2151994344.jpg"
|
||||
title="Common Questions"
|
||||
@@ -236,14 +153,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to find your perfect home? Connect with our team today and start your search."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in touch",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get in touch", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -252,29 +166,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user