Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2f6e8b5c0e | |||
| ea7b150c68 | |||
| 850311d97d | |||
| 79ca709c48 | |||
| 704d9769d0 | |||
| 6767bdb412 |
175
src/app/page.tsx
175
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user