Update src/app/page.tsx
This commit is contained in:
113
src/app/page.tsx
113
src/app/page.tsx
@@ -31,16 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Rooms", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Rooms", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Raipura Hostel"
|
||||
/>
|
||||
@@ -48,44 +43,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Room", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Room", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-student-reading-library_23-2148727870.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
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", 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", alt: "Businesswomen coworking with laptop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-people-living-together_23-2149358479.jpg", alt: "Young people living together"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-modern-woman-relaxing-home_23-2148131723.jpg", alt: "Portrait of modern woman relaxing at home"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832949.jpg", alt: "Young people having fun"},
|
||||
{ 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" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businesswomen-coworking-with-laptop_23-2147668831.jpg", alt: "Businesswomen coworking with laptop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-people-living-together_23-2149358479.jpg", alt: "Young people living together" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-modern-woman-relaxing-home_23-2148131723.jpg", alt: "Portrait of modern woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832949.jpg", alt: "Young people having fun" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "100% Verified Listings", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "24/7 Power Backup", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "High-Speed Internet", icon: Wifi,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Nutritious Meals", icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Study Environment", icon: BookOpen,
|
||||
},
|
||||
{ type: "text-icon", text: "100% Verified Listings", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "24/7 Power Backup", icon: Zap },
|
||||
{ type: "text-icon", text: "High-Speed Internet", icon: Wifi },
|
||||
{ type: "text-icon", text: "Nutritious Meals", icon: Utensils },
|
||||
{ type: "text-icon", text: "Study Environment", icon: BookOpen },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,12 +72,9 @@ export default function LandingPage() {
|
||||
title="Designed for Your Success"
|
||||
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={[
|
||||
{
|
||||
value: "100+", title: "Happy Students"},
|
||||
{
|
||||
value: "24/7", title: "Support"},
|
||||
{
|
||||
value: "10 min", title: "From Campus"},
|
||||
{ value: "100+", title: "Happy Students" },
|
||||
{ value: "24/7", title: "Support" },
|
||||
{ value: "10 min", title: "From Campus" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-women-bed_23-2149248691.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -118,28 +91,22 @@ export default function LandingPage() {
|
||||
{
|
||||
title: "High Speed WiFi", description: "Uninterrupted connectivity for your online classes and research.", icon: Wifi,
|
||||
mediaItems: [
|
||||
{
|
||||
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/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" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Nutritious Meals", description: "Balanced diet plans catering to different regional tastes.", icon: Utensils,
|
||||
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-9411.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" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "24/7 Security", description: "Round the clock CCTV surveillance and security staff.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
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/portrait-male-security-guard-with-uniform_23-2150368741.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598843.jpg" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -155,18 +122,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
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"},
|
||||
{
|
||||
id: "2", name: "Double Sharing", price: "₹4,000/mo", imageSrc: "http://img.b2bpic.net/free-photo/friends-browsing-laptop-tablet-bed_23-2147766786.jpg"},
|
||||
{
|
||||
id: "3", name: "Triple Sharing", price: "₹3,000/mo", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518235.jpg"},
|
||||
{
|
||||
id: "4", name: "Daily Guest", price: "₹400/day", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-looking-laptop-bed_23-2148304939.jpg"},
|
||||
{
|
||||
id: "5", name: "Weekend Package", price: "₹1,000", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598844.jpg"},
|
||||
{
|
||||
id: "6", name: "Monthly Deluxe", price: "₹7,500/mo", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_52683-121726.jpg"},
|
||||
{ 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" },
|
||||
{ id: "2", name: "Double Sharing", price: "₹4,000/mo", imageSrc: "http://img.b2bpic.net/free-photo/friends-browsing-laptop-tablet-bed_23-2147766786.jpg" },
|
||||
{ id: "3", name: "Triple Sharing", price: "₹3,000/mo", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518235.jpg" },
|
||||
{ id: "4", name: "Daily Guest", price: "₹400/day", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-looking-laptop-bed_23-2148304939.jpg" },
|
||||
{ id: "5", name: "Weekend Package", price: "₹1,000", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598844.jpg" },
|
||||
{ id: "6", name: "Monthly Deluxe", price: "₹7,500/mo", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_52683-121726.jpg" },
|
||||
]}
|
||||
title="Accommodation Packages"
|
||||
description="Flexible rental plans designed to suit your budget and duration needs."
|
||||
@@ -190,12 +151,9 @@ export default function LandingPage() {
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Get clarity on our rules, facilities, and booking process."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Are there laundry facilities?", content: "Yes, we provide weekly laundry service included in your rent."},
|
||||
{
|
||||
id: "2", title: "Is parking available?", content: "We offer dedicated parking space for two-wheelers."},
|
||||
{
|
||||
id: "3", title: "Can I visit before booking?", content: "Absolutely! We welcome prospective students to tour the hostel during the day."},
|
||||
{ id: "1", title: "Are there laundry facilities?", content: "Yes, we provide weekly laundry service included in your rent." },
|
||||
{ id: "2", title: "Is parking available?", content: "We offer dedicated parking space for two-wheelers." },
|
||||
{ id: "3", title: "Can I visit before booking?", content: "Absolutely! We welcome prospective students to tour the hostel during the day." },
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
@@ -208,6 +166,7 @@ export default function LandingPage() {
|
||||
title="Book Your Spot Today"
|
||||
description="Rooms fill up fast. Leave your details below to schedule a visit or reserve your bed."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-modern-woman-relaxing-home_23-2148131723.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user