Update src/app/page.tsx
This commit is contained in:
206
src/app/page.tsx
206
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Features",
|
name: "Features", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Rooms",
|
name: "Rooms", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Raipura Hostel"
|
brandName="Raipura Hostel"
|
||||||
/>
|
/>
|
||||||
@@ -59,65 +49,42 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplit
|
<HeroSplit
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Comfortable & Secure Living for Students in Raipura"
|
title="Comfortable & Secure Living for Students in Raipura"
|
||||||
description="Premium boys and girls hostel options available for daily and monthly rent. Experience a home-like environment with all modern amenities at your fingertips."
|
description="Premium boys and girls hostel options available for daily and monthly rent. Experience a home-like environment with all modern amenities at your fingertips."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book Your Room",
|
text: "Book Your Room", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-student-reading-library_23-2148727870.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-student-reading-library_23-2148727870.jpg"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/caucasian-woman-with-pizza-slice-mouth-playing-online-multiplayer-gaming-with-black-female-friend_482257-134983.jpg",
|
src: "http://img.b2bpic.net/free-photo/caucasian-woman-with-pizza-slice-mouth-playing-online-multiplayer-gaming-with-black-female-friend_482257-134983.jpg", alt: "Caucasian woman with pizza slice in mouth playing online multiplayer gaming with black female friend"},
|
||||||
alt: "Caucasian woman with pizza slice in mouth playing online multiplayer gaming with black female friend",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/businesswomen-coworking-with-laptop_23-2147668831.jpg",
|
src: "http://img.b2bpic.net/free-photo/businesswomen-coworking-with-laptop_23-2147668831.jpg", alt: "Businesswomen coworking with laptop"},
|
||||||
alt: "Businesswomen coworking with laptop",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-people-living-together_23-2149358479.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-people-living-together_23-2149358479.jpg", alt: "Young people living together"},
|
||||||
alt: "Young people living together",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-modern-woman-relaxing-home_23-2148131723.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-modern-woman-relaxing-home_23-2148131723.jpg", alt: "Portrait of modern woman relaxing at home"},
|
||||||
alt: "Portrait of modern woman relaxing at home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832949.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832949.jpg", alt: "Young people having fun"},
|
||||||
alt: "Young people having fun",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "100% Verified Listings", icon: ShieldCheck,
|
||||||
text: "100% Verified Listings",
|
|
||||||
icon: ShieldCheck,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "24/7 Power Backup", icon: Zap,
|
||||||
text: "24/7 Power Backup",
|
|
||||||
icon: Zap,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "High-Speed Internet", icon: Wifi,
|
||||||
text: "High-Speed Internet",
|
|
||||||
icon: Wifi,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Nutritious Meals", icon: Utensils,
|
||||||
text: "Nutritious Meals",
|
|
||||||
icon: Utensils,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Study Environment", icon: BookOpen,
|
||||||
text: "Study Environment",
|
|
||||||
icon: BookOpen,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
@@ -130,19 +97,13 @@ export default function LandingPage() {
|
|||||||
description="We understand that a great hostel is more than just a place to sleep. We provide a peaceful, clean, and organized environment to help you focus on your studies and personal growth."
|
description="We understand that a great hostel is more than just a place to sleep. We provide a peaceful, clean, and organized environment to help you focus on your studies and personal growth."
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
value: "100+",
|
value: "100+", title: "Happy Students"},
|
||||||
title: "Happy Students",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "24/7",
|
value: "24/7", title: "Support"},
|
||||||
title: "Support",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "10 min",
|
value: "10 min", title: "From Campus"},
|
||||||
title: "From Campus",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-women-bed_23-2149248691.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-women-bed_23-2149248691.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -155,49 +116,31 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "High Speed WiFi",
|
title: "High Speed WiFi", description: "Uninterrupted connectivity for your online classes and research.", icon: Wifi,
|
||||||
description: "Uninterrupted connectivity for your online classes and research.",
|
|
||||||
icon: Wifi,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/adopt-animals-best-friends-icon_53876-133739.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/adopt-animals-best-friends-icon_53876-133739.jpg"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/signal-icon-front-side-with-white-background_187299-39974.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/signal-icon-front-side-with-white-background_187299-39974.jpg"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-student-reading-library_23-2148727870.jpg?_wi=2",
|
|
||||||
imageAlt: "high speed wifi symbol",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Nutritious Meals",
|
title: "Nutritious Meals", description: "Balanced diet plans catering to different regional tastes.", icon: Utensils,
|
||||||
description: "Balanced diet plans catering to different regional tastes.",
|
|
||||||
icon: Utensils,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-salad_1203-9412.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-salad_1203-9412.jpg"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-salad_1203-9411.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-salad_1203-9411.jpg"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-women-bed_23-2149248691.jpg?_wi=2",
|
|
||||||
imageAlt: "high speed wifi symbol",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "24/7 Security",
|
title: "24/7 Security", description: "Round the clock CCTV surveillance and security staff.", icon: Shield,
|
||||||
description: "Round the clock CCTV surveillance and security staff.",
|
|
||||||
icon: Shield,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-uniform_23-2150368741.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-security-guard-with-uniform_23-2150368741.jpg"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598843.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598843.jpg"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-view-with-bed-sheets-decor_23-2150551173.jpg?_wi=1",
|
|
||||||
imageAlt: "high speed wifi symbol",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Why Choose Us"
|
title="Why Choose Us"
|
||||||
@@ -213,41 +156,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Single Occupancy", price: "₹6,000/mo", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-view-with-bed-sheets-decor_23-2150551173.jpg"},
|
||||||
name: "Single Occupancy",
|
|
||||||
price: "₹6,000/mo",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-view-with-bed-sheets-decor_23-2150551173.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Double Sharing", price: "₹4,000/mo", imageSrc: "http://img.b2bpic.net/free-photo/friends-browsing-laptop-tablet-bed_23-2147766786.jpg"},
|
||||||
name: "Double Sharing",
|
|
||||||
price: "₹4,000/mo",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-browsing-laptop-tablet-bed_23-2147766786.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Triple Sharing", price: "₹3,000/mo", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518235.jpg"},
|
||||||
name: "Triple Sharing",
|
|
||||||
price: "₹3,000/mo",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518235.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Daily Guest", price: "₹400/day", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-looking-laptop-bed_23-2148304939.jpg"},
|
||||||
name: "Daily Guest",
|
|
||||||
price: "₹400/day",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-looking-laptop-bed_23-2148304939.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Weekend Package", price: "₹1,000", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598844.jpg"},
|
||||||
name: "Weekend Package",
|
|
||||||
price: "₹1,000",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598844.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "Monthly Deluxe", price: "₹7,500/mo", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_52683-121726.jpg"},
|
||||||
name: "Monthly Deluxe",
|
|
||||||
price: "₹7,500/mo",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_52683-121726.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Accommodation Packages"
|
title="Accommodation Packages"
|
||||||
description="Flexible rental plans designed to suit your budget and duration needs."
|
description="Flexible rental plans designed to suit your budget and duration needs."
|
||||||
@@ -259,30 +178,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Aman Verma", imageSrc: "http://img.b2bpic.net/free-photo/girl-screaming-with-hands-face_1187-1805.jpg"},
|
||||||
name: "Aman Verma",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-screaming-with-hands-face_1187-1805.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/group-college-students-working-together-school-library_662251-1226.jpg"},
|
||||||
name: "Priya Sharma",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/group-college-students-working-together-school-library_662251-1226.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Rohan Patel", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-businessman-walking-down-street_637285-10384.jpg"},
|
||||||
name: "Rohan Patel",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-businessman-walking-down-street_637285-10384.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Neha Singh", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-man-sitting-bench-using-laptop_23-2147891930.jpg"},
|
||||||
name: "Neha Singh",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-man-sitting-bench-using-laptop_23-2147891930.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Karan Gupta", imageSrc: "http://img.b2bpic.net/free-photo/youth-day-celebration-black-white_23-2151715261.jpg"},
|
||||||
name: "Karan Gupta",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/youth-day-celebration-black-white_23-2151715261.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
cardTitle="Voices of Our Community"
|
cardTitle="Voices of Our Community"
|
||||||
cardAnimation="slide-up"
|
cardAnimation="slide-up"
|
||||||
@@ -296,20 +200,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Are there laundry facilities?", content: "Yes, we provide weekly laundry service included in your rent."},
|
||||||
title: "Are there laundry facilities?",
|
|
||||||
content: "Yes, we provide weekly laundry service included in your rent.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Is parking available?", content: "We offer dedicated parking space for two-wheelers."},
|
||||||
title: "Is parking available?",
|
|
||||||
content: "We offer dedicated parking space for two-wheelers.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Can I visit before booking?", content: "Absolutely! We welcome prospective students to tour the hostel during the day."},
|
||||||
title: "Can I visit before booking?",
|
|
||||||
content: "Absolutely! We welcome prospective students to tour the hostel during the day.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Common Questions"
|
title="Common Questions"
|
||||||
description="Get clarity on our rules, facilities, and booking process."
|
description="Get clarity on our rules, facilities, and booking process."
|
||||||
@@ -321,8 +216,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Booking Inquiry"
|
tag="Booking Inquiry"
|
||||||
title="Book Your Spot Today"
|
title="Book Your Spot Today"
|
||||||
description="Rooms fill up fast. Leave your details below to schedule a visit or reserve your bed."
|
description="Rooms fill up fast. Leave your details below to schedule a visit or reserve your bed."
|
||||||
@@ -333,13 +227,9 @@ export default function LandingPage() {
|
|||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Raipura Hostel"
|
logoText="Raipura Hostel"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Raipura, Raipur, Chhattisgarh",
|
text: "Raipura, Raipur, Chhattisgarh", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "Contact: +91 99999 00000",
|
text: "Contact: +91 99999 00000", href: "tel:+919999900000"}}
|
||||||
href: "tel:+919999900000",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user