Update src/app/page.tsx
This commit is contained in:
220
src/app/page.tsx
220
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Explore",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Explore", id: "/listings" },
|
||||
{ name: "How it Works", id: "features" },
|
||||
{ name: "Support", id: "faq" },
|
||||
]}
|
||||
brandName="RentShare"
|
||||
/>
|
||||
@@ -57,38 +45,17 @@ export default function LandingPage() {
|
||||
title="Borrow More. Own Less. Live Better."
|
||||
description="Unlock a world of possibilities right in your neighborhood. Rent tools, home appliances, and hobbies from verified neighbors safely and affordably."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Renting",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Start Renting", href: "/listings" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/diverse-man-woman-doing-online-shopping-buy-furniture-browsing-internet-website-home-decor-inspiration-moving-rented-apartment-property-together-relationship-event_482257-49843.jpg"
|
||||
imageAlt="Community sharing items"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-family-sitting-table_23-2150231635.jpg",
|
||||
alt: "Community member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/real-estate-housing-brokerage-concept_53876-120663.jpg",
|
||||
alt: "Community member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/property-market-with-house-shopping-cart-phone_1150-17830.jpg",
|
||||
alt: "Community member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architecture-real-estate-building-concept_53876-124771.jpg",
|
||||
alt: "Community member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-man-sitting-pile-coins-front-view_23-2148419656.jpg",
|
||||
alt: "Community member 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-family-sitting-table_23-2150231635.jpg", alt: "Community member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/real-estate-housing-brokerage-concept_53876-120663.jpg", alt: "Community member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/property-market-with-house-shopping-cart-phone_1150-17830.jpg", alt: "Community member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/architecture-real-estate-building-concept_53876-124771.jpg", alt: "Community member 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-man-sitting-pile-coins-front-view_23-2148419656.jpg", alt: "Community member 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ neighbors"
|
||||
/>
|
||||
@@ -100,36 +67,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Security",
|
||||
title: "Verified Community",
|
||||
items: [
|
||||
"Every member is identity-verified for safety.",
|
||||
"Direct messaging through secure platform.",
|
||||
"Public ratings build trust between users.",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Protection",
|
||||
title: "Guaranteed Safety",
|
||||
items: [
|
||||
"Items covered by our RentShare Protection.",
|
||||
"Deposit management handled securely.",
|
||||
"Clear damage policy for peace of mind.",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Sustainability",
|
||||
title: "Circular Economy",
|
||||
items: [
|
||||
"Reduce waste by sharing unused goods.",
|
||||
"Reduce carbon footprint locally.",
|
||||
"Affordable access to quality equipment.",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Security", title: "Verified Community", items: ["Every member is identity-verified for safety.", "Direct messaging through secure platform.", "Public ratings build trust between users."] },
|
||||
{ id: "f2", label: "Protection", title: "Guaranteed Safety", items: ["Items covered by our RentShare Protection.", "Deposit management handled securely.", "Clear damage policy for peace of mind."] },
|
||||
{ id: "f3", label: "Sustainability", title: "Circular Economy", items: ["Reduce waste by sharing unused goods.", "Reduce carbon footprint locally.", "Affordable access to quality equipment."] },
|
||||
]}
|
||||
title="Why RentShare?"
|
||||
description="Discover why our community is the best place for local rentals."
|
||||
@@ -143,51 +83,13 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "DSLR Camera",
|
||||
price: "$15/day",
|
||||
variant: "Electronics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-dslr-camera-with-lens-extension-rings-marble-background_23-2148038876.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Power Drill",
|
||||
price: "$8/day",
|
||||
variant: "Tools",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-yellow-tools_1303-20318.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Stand Mixer",
|
||||
price: "$12/day",
|
||||
variant: "Kitchen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-mature-woman-serving-breakfast-home_23-2148440100.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Camping Tent",
|
||||
price: "$20/day",
|
||||
variant: "Outdoor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-traveling-with-his-backpack_23-2149118702.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Bluetooth Speaker",
|
||||
price: "$5/day",
|
||||
variant: "Electronics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-musician-piano_23-2148673658.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "City Bicycle",
|
||||
price: "$10/day",
|
||||
variant: "Outdoor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-lock-bike-wheel_53876-15073.jpg",
|
||||
},
|
||||
{ id: "p1", name: "DSLR Camera", price: "$15/day", variant: "Electronics", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-dslr-camera-with-lens-extension-rings-marble-background_23-2148038876.jpg" },
|
||||
{ id: "p2", name: "Power Drill", price: "$8/day", variant: "Tools", imageSrc: "http://img.b2bpic.net/free-photo/set-yellow-tools_1303-20318.jpg" },
|
||||
{ id: "p3", name: "Stand Mixer", price: "$12/day", variant: "Kitchen", imageSrc: "http://img.b2bpic.net/free-photo/lovely-mature-woman-serving-breakfast-home_23-2148440100.jpg" },
|
||||
]}
|
||||
title="Explore Local Gear"
|
||||
description="Popular home goods available for rent near you."
|
||||
title="Featured Rental Items"
|
||||
description="Most popular items available right now."
|
||||
buttons={[{ text: "View All Listings", href: "/listings" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -196,14 +98,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"CityRentals Inc.",
|
||||
"GreenShare Corp.",
|
||||
"Neighborhood Hub",
|
||||
"Urban Loop",
|
||||
"Community Toolbelt",
|
||||
"EcoGear Collective",
|
||||
"LocalExchange",
|
||||
]}
|
||||
"CityRentals Inc.", "GreenShare Corp.", "Neighborhood Hub", "Urban Loop", "Community Toolbelt", "EcoGear Collective", "LocalExchange"]}
|
||||
title="Trusted by Growing Communities"
|
||||
description="Joining forces with the best local initiatives."
|
||||
/>
|
||||
@@ -213,15 +108,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our mission is to foster community trust while reducing waste.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/search-employee-concept-with-wooden-blocks-wooden-human-figure-top-view_176474-10441.jpg",
|
||||
alt: "Sharing items",
|
||||
},
|
||||
{ type: "text", content: "Our mission is to foster community trust while reducing waste." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/search-employee-concept-with-wooden-blocks-wooden-human-figure-top-view_176474-10441.jpg", alt: "Sharing items" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -232,41 +120,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jane Doe",
|
||||
role: "User",
|
||||
testimonial: "I rented a camera for a trip and saved so much money. RentShare makes everything easy!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Smith",
|
||||
role: "User",
|
||||
testimonial: "Listing my tools was a great way to earn extra cash and help neighbors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleasant-woman-holding-trench-coat_197531-19750.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alice Wang",
|
||||
role: "User",
|
||||
testimonial: "The verification process gave me peace of mind before renting my blender.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-successful-beautiful-confident-senior-businesswoman-her-fifties-with-gray-hair-blue-wise-eyes-posing-indoors-keeping-arms-folded-looking-with-charming-smile_344912-1851.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Bob Brown",
|
||||
role: "User",
|
||||
testimonial: "Great platform! Very intuitive design and helpful support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-wearing-formal-suit_273609-5591.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Charlie Davis",
|
||||
role: "User",
|
||||
testimonial: "Everything went smooth and the communication was excellent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-feeling-happy-cute-romantic-love-making-heart-shape-with-both-hands_1194-635070.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Jane Doe", role: "User", testimonial: "I rented a camera for a trip and saved so much money. RentShare makes everything easy!", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
|
||||
{ id: "t2", name: "John Smith", role: "User", testimonial: "Listing my tools was a great way to earn extra cash and help neighbors.", imageSrc: "http://img.b2bpic.net/free-photo/pleasant-woman-holding-trench-coat_197531-19750.jpg" },
|
||||
{ id: "t3", name: "Alice Wang", role: "User", testimonial: "The verification process gave me peace of mind before renting my blender.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-successful-beautiful-confident-senior-businesswoman-her-fifties-with-gray-hair-blue-wise-eyes-posing-indoors-keeping-arms-folded-looking-with-charming-smile_344912-1851.jpg" },
|
||||
]}
|
||||
title="Community Stories"
|
||||
description="See what our happy community members are saying."
|
||||
@@ -278,21 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I verify my account?",
|
||||
content: "You can verify your account by uploading a government-issued ID through our secure dashboard.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my item insured?",
|
||||
content: "Yes, every listing is covered by our comprehensive RentShare protection policy up to $500.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How is payment handled?",
|
||||
content: "Payments are handled securely through Stripe, ensuring transparency and safety for all parties.",
|
||||
},
|
||||
{ id: "q1", title: "How do I verify my account?", content: "You can verify your account by uploading a government-issued ID through our secure dashboard." },
|
||||
{ id: "q2", title: "Is my item insured?", content: "Yes, every listing is covered by our comprehensive RentShare protection policy up to $500." },
|
||||
{ id: "q3", title: "How is payment handled?", content: "Payments are handled securely through Stripe, ensuring transparency and safety for all parties." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -303,9 +147,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Stay Updated"
|
||||
description="Join our newsletter to get updates about new features and local rental tips."
|
||||
tag="Newsletter"
|
||||
@@ -321,4 +163,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user