bender/a52b5144-4dd1-430a-91fe-169090f0ea45
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

4 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
ea7b150c68 Update src/app/page.tsx 2026-05-10 08:07:50 +00:00
bender
79ca709c48 Update src/app/page.tsx 2026-05-10 08:07:17 +00:00
bender
704d9769d0 Merge version_1 into main 
Merge version_1 into main
 2026-05-10 08:06:05 +00:00
bender
6767bdb412 Merge version_1 into main 
Merge version_1 into main
 2026-05-10 08:05:37 +00:00
1 changed files with 64 additions and 111 deletions
Expand all files Collapse all files

175
src/app/page.tsx
View File

@@ -2,15 +2,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { BookOpen, Shield, ShieldCheck, Utensils, Wifi, Zap } from "lucide-react";
export default function LandingPage() {
@@ -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."
@@ -174,62 +135,54 @@ export default function LandingPage() {
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
<TestimonialCardFifteen
testimonial="The stay at Raipura Hostel has been incredibly comfortable and secure. The staff is attentive, and the facilities are well-maintained for students."
rating={5}
author="Priya Sharma"
avatars={[{ src: "http://img.b2bpic.net/free-photo/group-college-students-working-together-school-library_662251-1226.jpg", alt: "Priya Sharma" }]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Aman Verma", imageSrc: "http://img.b2bpic.net/free-photo/girl-screaming-with-hands-face_1187-1805.jpg"},
{
id: "2", name: "Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/group-college-students-working-together-school-library_662251-1226.jpg"},
{
id: "3", name: "Rohan Patel", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-businessman-walking-down-street_637285-10384.jpg"},
{
id: "4", name: "Neha Singh", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-man-sitting-bench-using-laptop_23-2147891930.jpg"},
{
id: "5", name: "Karan Gupta", imageSrc: "http://img.b2bpic.net/free-photo/youth-day-celebration-black-white_23-2151715261.jpg"},
]}
cardTitle="Voices of Our Community"
cardAnimation="slide-up"
cardTag="Testimonials"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
<FaqSplitText
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." },
]}
title="Common Questions"
description="Get clarity on our rules, facilities, and booking process."
faqsAnimation="slide-up"
useInvertedBackground={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain"}}
<ContactSplit
tag="Booking Inquiry"
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>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterBaseReveal
logoText="Raipura Hostel"
leftLink={{
text: "Raipura, Raipur, Chhattisgarh", href: "#"}}
rightLink={{
text: "Contact: +91 99999 00000", href: "tel:+919999900000"}}
columns={[
{
title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Rooms", href: "#products" }]
},
{
title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#faq" }]
}
]}
copyrightText="© 2024 Raipura Hostel. All rights reserved."
/>
</div>
</ReactLenis>