diff --git a/src/app/page.tsx b/src/app/page.tsx index e2aa2a2..a9825bb 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -18,7 +18,7 @@ export default function HomePage() { const navItems = [ { name: "Browse", id: "browse" }, { name: "How It Works", id: "features" }, - { name: "Roommates", id: "/roommates" }, + { name: "Roommates", id: "roommates" }, { name: "Contact", id: "contact" }, ]; @@ -26,17 +26,17 @@ export default function HomePage() { { title: "Product", items: [ { label: "Browse Listings", href: "browse" }, - { label: "Find Roommates", href: "/roommates" }, + { label: "Find Roommates", href: "roommates" }, { label: "How It Works", href: "#features" }, { label: "Pricing", href: "#" }, ], }, { title: "Company", items: [ - { label: "About Us", href: "/about" }, + { label: "About Us", href: "about" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, - { label: "Contact", href: "#contact" }, + { label: "Contact", href: "contact" }, ], }, { @@ -70,7 +70,8 @@ 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} /> @@ -81,7 +82,7 @@ export default function HomePage() { description="Find Your Campus Home in Minutes. Browse verified dorms, apartments, and rooms near campus. Filter by price, distance, amenities, and move-in date—all in one place." buttons={[ { text: "Start Searching Now", href: "browse" }, - { text: "Find Roommates", href: "/roommates" }, + { 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" imageAlt="students exploring apartment near university campus" @@ -96,30 +97,37 @@ 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: [ { 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: [ { 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" + }, ], }, { @@ -127,11 +135,14 @@ export default function HomePage() { 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, items: [ @@ -174,13 +185,16 @@ export default function HomePage() { 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", imageAlt: "modern studio apartment furnished near campus"}, + 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", imageAlt: "two bedroom apartment shared roommates students"}, + 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", imageAlt: "furnished dorm room college university housing"}, + 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" @@ -196,20 +210,26 @@ 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" + avatarsAnimation="slide-up" useInvertedBackground={false} /> @@ -220,7 +240,8 @@ 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} @@ -235,23 +256,23 @@ 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" imageAlt="friendly customer service team helping students"