Merge version_1 into main #2
@@ -19,8 +19,7 @@ export default function AboutPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Browse Listings", href: "browse" },
|
||||
{ label: "Find Roommates", href: "/roommates" },
|
||||
{ label: "How It Works", href: "#" },
|
||||
@@ -28,8 +27,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -37,8 +35,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "For Landlords", href: "https://example.com/landlord" },
|
||||
{ label: "Safety Tips", href: "#" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
@@ -68,9 +65,7 @@ export default function AboutPage() {
|
||||
id: item.id,
|
||||
}))}
|
||||
button={{
|
||||
text: "List Your Property",
|
||||
href: "https://example.com/landlord",
|
||||
}}
|
||||
text: "List Your Property", href: "https://example.com/landlord"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -85,9 +80,10 @@ export default function AboutPage() {
|
||||
{ value: "50,000+", title: "Verified Properties" },
|
||||
{ value: "100,000+", title: "Active Student Users" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/charming-girlfriends-posing-selfie_23-2147745085.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/charming-girlfriends-posing-selfie_23-2147745085.jpg"
|
||||
imageAlt="happy students apartment friendly roommates"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,9 +98,10 @@ export default function AboutPage() {
|
||||
{ value: "200+", title: "Partner Universities" },
|
||||
{ value: "1,000,000+", title: "Total Transactions" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-resting-couch-while-her-husband-decorating-their-new-living-room_329181-994.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-resting-couch-while-her-husband-decorating-their-new-living-room_329181-994.jpg"
|
||||
imageAlt="students settling into their new campus housing"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,15 +112,7 @@ export default function AboutPage() {
|
||||
description="Join thousands of students finding their perfect campus home through CampusHome"
|
||||
tag="Nationwide Partners"
|
||||
names={[
|
||||
"University of California",
|
||||
"New York University",
|
||||
"MIT",
|
||||
"Stanford University",
|
||||
"Harvard University",
|
||||
"UCLA",
|
||||
"University of Texas",
|
||||
"Columbia University",
|
||||
]}
|
||||
"University of California", "New York University", "MIT", "Stanford University", "Harvard University", "UCLA", "University of Texas", "Columbia University"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
speed={40}
|
||||
|
||||
193
src/app/page.tsx
193
src/app/page.tsx
@@ -24,8 +24,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Browse Listings", href: "browse" },
|
||||
{ label: "Find Roommates", href: "/roommates" },
|
||||
{ label: "How It Works", href: "#features" },
|
||||
@@ -33,8 +32,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -42,8 +40,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "For Landlords", href: "https://example.com/landlord" },
|
||||
{ label: "Safety Tips", href: "#" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
@@ -73,9 +70,7 @@ export default function HomePage() {
|
||||
id: item.id,
|
||||
}))}
|
||||
button={{
|
||||
text: "List Your Property",
|
||||
href: "https://example.com/landlord",
|
||||
}}
|
||||
text: "List Your Property", href: "https://example.com/landlord"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -88,7 +83,7 @@ export default function HomePage() {
|
||||
{ text: "Start Searching Now", href: "browse" },
|
||||
{ text: "Find Roommates", href: "/roommates" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-resting-couch-while-her-husband-decorating-their-new-living-room_329181-994.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-resting-couch-while-her-husband-decorating-their-new-living-room_329181-994.jpg"
|
||||
imageAlt="students exploring apartment near university campus"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
@@ -101,80 +96,44 @@ export default function HomePage() {
|
||||
tag="Features"
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Search & Filtering",
|
||||
description: "Filter by price, distance from campus, move-in date, pet-friendly options, and amenities. Find exactly what you need instantly.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
},
|
||||
title: "Advanced Search & Filtering", description: "Filter by price, distance from campus, move-in date, pet-friendly options, and amenities. Find exactly what you need instantly.", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "Real-Time Availability",
|
||||
description: "See live updates on available units, booking status, and move-in timelines. Never miss an opportunity.",
|
||||
bentoComponent: "line-chart",
|
||||
},
|
||||
title: "Real-Time Availability", description: "See live updates on available units, booking status, and move-in timelines. Never miss an opportunity.", bentoComponent: "line-chart"},
|
||||
{
|
||||
title: "Verified Listings",
|
||||
description: "All properties are verified with authentic photos, reviews from current tenants, and transparent pricing.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Verified Listings", description: "All properties are verified with authentic photos, reviews from current tenants, and transparent pricing.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Verified Properties",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Verified Properties", value: "100%"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Authentic Reviews",
|
||||
value: "4.8★",
|
||||
},
|
||||
label: "Authentic Reviews", value: "4.8★"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Roommate Matching",
|
||||
description: "Our smart algorithm matches you with compatible roommates based on preferences, schedule, and lifestyle.",
|
||||
bentoComponent: "3d-stack-cards",
|
||||
items: [
|
||||
title: "Roommate Matching", description: "Our smart algorithm matches you with compatible roommates based on preferences, schedule, and lifestyle.", bentoComponent: "3d-stack-cards", items: [
|
||||
{
|
||||
icon: Users,
|
||||
title: "Preference Match",
|
||||
subtitle: "Academic Level",
|
||||
detail: "Match with students from your major or year",
|
||||
},
|
||||
title: "Preference Match", subtitle: "Academic Level", detail: "Match with students from your major or year"},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Schedule Sync",
|
||||
subtitle: "Availability",
|
||||
detail: "Find roommates with compatible schedules",
|
||||
},
|
||||
title: "Schedule Sync", subtitle: "Availability", detail: "Find roommates with compatible schedules"},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Lifestyle Fit",
|
||||
subtitle: "Interests",
|
||||
detail: "Connect with like-minded students",
|
||||
},
|
||||
title: "Lifestyle Fit", subtitle: "Interests", detail: "Connect with like-minded students"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Direct Messaging",
|
||||
description: "Connect instantly with landlords and potential roommates. Ask questions, negotiate terms, and build relationships.",
|
||||
bentoComponent: "chat",
|
||||
aiIcon: MessageCircle,
|
||||
title: "Direct Messaging", description: "Connect instantly with landlords and potential roommates. Ask questions, negotiate terms, and build relationships.", bentoComponent: "chat", aiIcon: MessageCircle,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Is the apartment available for spring semester?",
|
||||
aiResponse: "Yes! The apartment is available from January 15th. We can discuss move-in details.",
|
||||
},
|
||||
userMessage: "Is the apartment available for spring semester?", aiResponse: "Yes! The apartment is available from January 15th. We can discuss move-in details."},
|
||||
{
|
||||
userMessage: "Are utilities included in the rent?",
|
||||
aiResponse: "Utilities are not included, but WiFi is provided. Average utility costs are $80-120/month.",
|
||||
},
|
||||
userMessage: "Are utilities included in the rent?", aiResponse: "Utilities are not included, but WiFi is provided. Average utility costs are $80-120/month."},
|
||||
],
|
||||
placeholder: "Ask about availability, amenities, or roommate preferences...",
|
||||
},
|
||||
placeholder: "Ask about availability, amenities, or roommate preferences..."},
|
||||
{
|
||||
title: "Safety & Verification",
|
||||
description: "Background checks, identity verification, and secure payment processing protect all users in the community.",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Shield,
|
||||
title: "Safety & Verification", description: "Background checks, identity verification, and secure payment processing protect all users in the community.", bentoComponent: "orbiting-icons", centerIcon: Shield,
|
||||
items: [
|
||||
{ icon: Lock, ring: 1 },
|
||||
{ icon: CheckCircle, ring: 1 },
|
||||
@@ -199,9 +158,10 @@ export default function HomePage() {
|
||||
{ value: "50,000+", title: "Verified Properties" },
|
||||
{ value: "100,000+", title: "Active Student Users" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/charming-girlfriends-posing-selfie_23-2147745085.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/charming-girlfriends-posing-selfie_23-2147745085.jpg"
|
||||
imageAlt="happy students apartment friendly roommates"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -213,35 +173,14 @@ export default function HomePage() {
|
||||
tag="Available Now"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Downtown Suites",
|
||||
name: "Modern Studio Near Campus",
|
||||
price: "$1,200/month",
|
||||
rating: 5,
|
||||
reviewCount: "342",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407632.jpg?_wi=1",
|
||||
imageAlt: "modern studio apartment furnished near campus",
|
||||
},
|
||||
id: "1", brand: "Downtown Suites", name: "Modern Studio Near Campus", price: "$1,200/month", rating: 5,
|
||||
reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407632.jpg", imageAlt: "modern studio apartment furnished near campus"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "University Residences",
|
||||
name: "2BR Shared Apartment",
|
||||
price: "$850/month",
|
||||
rating: 4,
|
||||
reviewCount: "218",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-student-dormitory-group-interracial-students-resting-student-dormitory_613910-18945.jpg?_wi=1",
|
||||
imageAlt: "two bedroom apartment shared roommates students",
|
||||
},
|
||||
id: "2", brand: "University Residences", name: "2BR Shared Apartment", price: "$850/month", rating: 4,
|
||||
reviewCount: "218", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-student-dormitory-group-interracial-students-resting-student-dormitory_613910-18945.jpg", imageAlt: "two bedroom apartment shared roommates students"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Campus Commons",
|
||||
name: "Furnished Dorm Room",
|
||||
price: "$950/month",
|
||||
rating: 5,
|
||||
reviewCount: "156",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kids-with-tablet-couch_23-2147782782.jpg?_wi=1",
|
||||
imageAlt: "furnished dorm room college university housing",
|
||||
},
|
||||
id: "3", brand: "Campus Commons", name: "Furnished Dorm Room", price: "$950/month", rating: 5,
|
||||
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/kids-with-tablet-couch_23-2147782782.jpg", imageAlt: "furnished dorm room college university housing"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -257,29 +196,17 @@ export default function HomePage() {
|
||||
author="Sarah Chen, Junior at State University"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-portrait-beautiful-blonde-young-european-woman-with-straight-hair-wearing-stylish-eyeglasses-smiling-showing-her-white-teeth-camera-feeling-happy-carefree-her-first-day-off_176420-13181.jpg",
|
||||
alt: "Sarah Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-portrait-beautiful-blonde-young-european-woman-with-straight-hair-wearing-stylish-eyeglasses-smiling-showing-her-white-teeth-camera-feeling-happy-carefree-her-first-day-off_176420-13181.jpg", alt: "Sarah Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-pink-tshirt-sitting-against-wooden-table-cafe-india-model-posed-outdoor_627829-2594.jpg",
|
||||
alt: "Marcus Johnson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-pink-tshirt-sitting-against-wooden-table-cafe-india-model-posed-outdoor_627829-2594.jpg", alt: "Marcus Johnson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg",
|
||||
alt: "Priya Patel",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg", alt: "Priya Patel"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-standing-near-building-looking-away_23-2147860876.jpg",
|
||||
alt: "James Wilson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-standing-near-building-looking-away_23-2147860876.jpg", alt: "James Wilson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-woman-portrait-city-wearing-jeans-suite-morning_231208-4421.jpg",
|
||||
alt: "Emma Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-woman-portrait-city-wearing-jeans-suite-morning_231208-4421.jpg", alt: "Emma Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adults-meeting-up-study_23-2149064528.jpg",
|
||||
alt: "Alex Thompson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-adults-meeting-up-study_23-2149064528.jpg", alt: "Alex Thompson"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="fade-in"
|
||||
@@ -293,15 +220,7 @@ export default function HomePage() {
|
||||
description="CampusHome is the fastest-growing student housing platform across major universities"
|
||||
tag="Verified Partners"
|
||||
names={[
|
||||
"University of California",
|
||||
"New York University",
|
||||
"MIT",
|
||||
"Stanford University",
|
||||
"Harvard University",
|
||||
"UCLA",
|
||||
"University of Texas",
|
||||
"Columbia University",
|
||||
]}
|
||||
"University of California", "New York University", "MIT", "Stanford University", "Harvard University", "UCLA", "University of Texas", "Columbia University"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
speed={40}
|
||||
@@ -316,43 +235,25 @@ export default function HomePage() {
|
||||
tag="Help & Support"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I search for housing near my campus?",
|
||||
content:
|
||||
"Use our advanced search filters to specify your campus location, price range, desired move-in date, and amenities. Results update in real-time, and you can save favorites to your profile.",
|
||||
},
|
||||
id: "1", title: "How do I search for housing near my campus?", content:
|
||||
"Use our advanced search filters to specify your campus location, price range, desired move-in date, and amenities. Results update in real-time, and you can save favorites to your profile."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How does the roommate matching work?",
|
||||
content:
|
||||
"Our smart algorithm analyzes your preferences, academic schedule, lifestyle habits, and interests. We suggest compatible roommates and facilitate introductions through our secure messaging system.",
|
||||
},
|
||||
id: "2", title: "How does the roommate matching work?", content:
|
||||
"Our smart algorithm analyzes your preferences, academic schedule, lifestyle habits, and interests. We suggest compatible roommates and facilitate introductions through our secure messaging system."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are all listings verified?",
|
||||
content:
|
||||
"Yes! Every property undergoes a verification process including owner authentication, property inspection, and review confirmation from past tenants. Listings marked 'Verified' have passed all checks.",
|
||||
},
|
||||
id: "3", title: "Are all listings verified?", content:
|
||||
"Yes! Every property undergoes a verification process including owner authentication, property inspection, and review confirmation from past tenants. Listings marked 'Verified' have passed all checks."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is my payment information secure?",
|
||||
content:
|
||||
"We use industry-standard encryption and partner with secure payment processors. Deposits are held in escrow until lease signing, protecting both tenants and landlords.",
|
||||
},
|
||||
id: "4", title: "Is my payment information secure?", content:
|
||||
"We use industry-standard encryption and partner with secure payment processors. Deposits are held in escrow until lease signing, protecting both tenants and landlords."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Can I contact landlords directly?",
|
||||
content:
|
||||
"Absolutely! Once you find a listing, you can message the landlord directly through our platform. We recommend asking about lease terms, utilities, move-in dates, and any other questions.",
|
||||
},
|
||||
id: "5", title: "Can I contact landlords directly?", content:
|
||||
"Absolutely! Once you find a listing, you can message the landlord directly through our platform. We recommend asking about lease terms, utilities, move-in dates, and any other questions."},
|
||||
{
|
||||
id: "6",
|
||||
title: "What if my roommate situation doesn't work out?",
|
||||
content:
|
||||
"While we can't mandate lease changes, our support team can help mediate conflicts and discuss options. We recommend having clear roommate agreements before moving in.",
|
||||
},
|
||||
id: "6", title: "What if my roommate situation doesn't work out?", content:
|
||||
"While we can't mandate lease changes, our support team can help mediate conflicts and discuss options. We recommend having clear roommate agreements before moving in."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workers-getting-back-office_23-2149161648.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workers-getting-back-office_23-2149161648.jpg"
|
||||
imageAlt="friendly customer service team helping students"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
|
||||
Reference in New Issue
Block a user