Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e25f5263b6 |
225
src/app/page.tsx
225
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Rooms",
|
name: "Rooms", id: "rooms"},
|
||||||
id: "rooms",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Facilities",
|
name: "Facilities", id: "facilities"},
|
||||||
id: "facilities",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="PG Andaman"
|
brandName="PG Andaman"
|
||||||
/>
|
/>
|
||||||
@@ -55,65 +47,40 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Affordable Living in Andaman – Comfort at Just ₹3,000 to ₹6,000/Month"
|
title="Affordable Living in Andaman – Comfort at Just ₹3,000 to ₹6,000/Month"
|
||||||
description="Fully Furnished Rooms | Flexible Stay | No Hidden Charges"
|
description="Fully Furnished Rooms | Flexible Stay | No Hidden Charges"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book a Visit",
|
text: "Book a Visit", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "View Rooms",
|
text: "Check Availability", href: "#rooms"},
|
||||||
href: "#rooms",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/woman-black-evening-dress-with-glass-wine-tropical-balcony_343596-3760.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/woman-black-evening-dress-with-glass-wine-tropical-balcony_343596-3760.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/nature-outdoor-sea-bed-umbrella_1203-4438.jpg",
|
src: "http://img.b2bpic.net/free-photo/nature-outdoor-sea-bed-umbrella_1203-4438.jpg", alt: "nature outdoor sea bed umbrella"},
|
||||||
alt: "nature outdoor sea bed umbrella",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/beautiful-palm-tree-vivid-colors_23-2151592001.jpg",
|
src: "http://img.b2bpic.net/free-photo/beautiful-palm-tree-vivid-colors_23-2151592001.jpg", alt: "Beautiful palm tree in vivid colors"},
|
||||||
alt: "Beautiful palm tree in vivid colors",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/top-church-through-yellow-street-decorations_181624-421.jpg",
|
src: "http://img.b2bpic.net/free-photo/top-church-through-yellow-street-decorations_181624-421.jpg", alt: "The top of the church through yellow street decorations"},
|
||||||
alt: "The top of the church through yellow street decorations",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-pretty-stylish-woman-white-light-summer-dress-big-black-massive-boots-luxury-rich-villa_343596-2015.jpg",
|
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-pretty-stylish-woman-white-light-summer-dress-big-black-massive-boots-luxury-rich-villa_343596-2015.jpg", alt: "Fashion portrait of young pretty stylish woman"},
|
||||||
alt: "Fashion portrait of young pretty stylish woman",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/student-listening-music_1098-1377.jpg",
|
src: "http://img.b2bpic.net/free-photo/student-listening-music_1098-1377.jpg", alt: "happy student sitting in room"},
|
||||||
alt: "happy student sitting in room",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "24/7 Security"},
|
||||||
text: "24/7 Security",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "High-Speed WiFi"},
|
||||||
text: "High-Speed WiFi",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Prime Location"},
|
||||||
text: "Prime Location",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "No Hidden Fees"},
|
||||||
text: "No Hidden Fees",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Daily Cleaning"},
|
||||||
text: "Daily Cleaning",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -125,19 +92,13 @@ export default function LandingPage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: CheckCircle,
|
icon: CheckCircle,
|
||||||
label: "Affordable Quality",
|
label: "Affordable Quality", value: "Best Price"},
|
||||||
value: "Best Price",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: ShieldCheck,
|
icon: ShieldCheck,
|
||||||
label: "Safe Environment",
|
label: "Safe Environment", value: "24/7 Secure"},
|
||||||
value: "24/7 Secure",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: MapPin,
|
icon: MapPin,
|
||||||
label: "Prime Location",
|
label: "Prime Location", value: "Near Colleges"},
|
||||||
value: "Near Colleges",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -151,29 +112,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "r1",
|
id: "r1", name: "Single Room", price: "₹6,000/mo", imageSrc: "http://img.b2bpic.net/free-photo/simple-living-room-interior_53876-146255.jpg"},
|
||||||
name: "Single Room",
|
|
||||||
price: "₹6,000/mo",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/simple-living-room-interior_53876-146255.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "r2",
|
id: "r2", name: "Twin Sharing", price: "₹4,500/mo", imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561158.jpg"},
|
||||||
name: "Twin Sharing",
|
|
||||||
price: "₹4,500/mo",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561158.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "r3",
|
id: "r3", name: "Triple Sharing", price: "₹3,500/mo", imageSrc: "http://img.b2bpic.net/free-photo/home-interior-with-books-dried-flowers_169016-6452.jpg"},
|
||||||
name: "Triple Sharing",
|
|
||||||
price: "₹3,500/mo",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-with-books-dried-flowers_169016-6452.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "r4",
|
id: "r4", name: "Four Sharing", price: "₹3,000/mo", imageSrc: "http://img.b2bpic.net/free-photo/soft-pastel-hues-room-children_23-2151690383.jpg"},
|
||||||
name: "Four Sharing",
|
|
||||||
price: "₹3,000/mo",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/soft-pastel-hues-room-children_23-2151690383.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Room Options"
|
title="Room Options"
|
||||||
description="Affordable comfort for students and professionals."
|
description="Affordable comfort for students and professionals."
|
||||||
@@ -188,33 +133,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "High-Speed WiFi",
|
title: "High-Speed WiFi", description: "Always stay connected.", imageSrc: "http://img.b2bpic.net/free-photo/modern-laundry-room-with-washing-machines-storage_23-2151983206.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/retro-kitchen-interior-with-pastel-refrigerator-cactus_23-2152011992.jpg", buttonText: "Learn More"},
|
||||||
description: "Always stay connected.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-laundry-room-with-washing-machines-storage_23-2151983206.jpg",
|
|
||||||
titleImageSrc: "http://img.b2bpic.net/free-photo/retro-kitchen-interior-with-pastel-refrigerator-cactus_23-2152011992.jpg",
|
|
||||||
buttonText: "Learn More",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "24/7 Security",
|
title: "24/7 Security", description: "CCTV monitoring for your safety.", imageSrc: "http://img.b2bpic.net/free-photo/no-wifi-signal-icon_187299-46501.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/interior-design-house-modern-white-kitchen_657883-328.jpg", buttonText: "Learn More"},
|
||||||
description: "CCTV monitoring for your safety.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/no-wifi-signal-icon_187299-46501.jpg",
|
|
||||||
titleImageSrc: "http://img.b2bpic.net/free-photo/interior-design-house-modern-white-kitchen_657883-328.jpg",
|
|
||||||
buttonText: "Learn More",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Daily Cleaning",
|
title: "Daily Cleaning", description: "Hygienic living space.", imageSrc: "http://img.b2bpic.net/free-photo/woman-carrying-weaved-laundry-basket-lifestyle-concept_53876-123649.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/modern-black-kitchen-with-island-pendant-lights_23-2151978968.jpg", buttonText: "Learn More"},
|
||||||
description: "Hygienic living space.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-carrying-weaved-laundry-basket-lifestyle-concept_53876-123649.jpg",
|
|
||||||
titleImageSrc: "http://img.b2bpic.net/free-photo/modern-black-kitchen-with-island-pendant-lights_23-2151978968.jpg",
|
|
||||||
buttonText: "Learn More",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Laundry Service",
|
title: "Laundry Service", description: "Easy clothes management.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-modern-green-kitchen-interior-design_23-2151986782.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/wifi-spelled-out-with-arrows_23-2148291110.jpg", buttonText: "Learn More"},
|
||||||
description: "Easy clothes management.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-modern-green-kitchen-interior-design_23-2151986782.jpg",
|
|
||||||
titleImageSrc: "http://img.b2bpic.net/free-photo/wifi-spelled-out-with-arrows_23-2148291110.jpg",
|
|
||||||
buttonText: "Learn More",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Facilities"
|
title="Our Facilities"
|
||||||
description="Designed for your comfort."
|
description="Designed for your comfort."
|
||||||
@@ -228,37 +153,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", badge: "Most Popular", price: "₹3,000 - ₹6,000", subtitle: "Monthly Rentals", features: [
|
||||||
badge: "Most Popular",
|
"No Brokerage", "Daily Maintenance", "Flexible Terms"],
|
||||||
price: "₹3,000 - ₹6,000",
|
|
||||||
subtitle: "Monthly Rentals",
|
|
||||||
features: [
|
|
||||||
"No Brokerage",
|
|
||||||
"Daily Maintenance",
|
|
||||||
"Flexible Terms",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", badge: "Support", price: "24/7", subtitle: "Friendly Staff", features: [
|
||||||
badge: "Support",
|
"Quick Support", "Study Environment", "Move-in Ready"],
|
||||||
price: "24/7",
|
|
||||||
subtitle: "Friendly Staff",
|
|
||||||
features: [
|
|
||||||
"Quick Support",
|
|
||||||
"Study Environment",
|
|
||||||
"Move-in Ready",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", badge: "Security", price: "High", subtitle: "Peaceful Stay", features: [
|
||||||
badge: "Security",
|
"CCTV Protected", "Clean Bathrooms", "RO Drinking Water"],
|
||||||
price: "High",
|
|
||||||
subtitle: "Peaceful Stay",
|
|
||||||
features: [
|
|
||||||
"CCTV Protected",
|
|
||||||
"Clean Bathrooms",
|
|
||||||
"RO Drinking Water",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Why Choose Us?"
|
title="Why Choose Us?"
|
||||||
@@ -273,19 +177,13 @@ export default function LandingPage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: Image,
|
icon: Image,
|
||||||
label: "Bedrooms",
|
label: "Bedrooms", value: "Modern"},
|
||||||
value: "Modern",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Coffee,
|
icon: Coffee,
|
||||||
label: "Lounge",
|
label: "Lounge", value: "Shared"},
|
||||||
value: "Shared",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Sun,
|
icon: Sun,
|
||||||
label: "Environment",
|
label: "Environment", value: "Tropical"},
|
||||||
value: "Tropical",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -299,25 +197,15 @@ export default function LandingPage() {
|
|||||||
author="Rahul S., Student"
|
author="Rahul S., Student"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/student-listening-music_1098-1377.jpg",
|
src: "http://img.b2bpic.net/free-photo/student-listening-music_1098-1377.jpg", alt: "Rahul"},
|
||||||
alt: "Rahul",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-with-curly-hair-smiling-camera-home_1098-18613.jpg",
|
src: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-with-curly-hair-smiling-camera-home_1098-18613.jpg", alt: "Cheerful young Caucasian woman"},
|
||||||
alt: "Cheerful young Caucasian woman",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/cheerful-teen-enjoying-music_1098-1376.jpg",
|
src: "http://img.b2bpic.net/free-photo/cheerful-teen-enjoying-music_1098-1376.jpg", alt: "Cheerful teen enjoying music"},
|
||||||
alt: "Cheerful teen enjoying music",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/smart-young-student-learning-geography_23-2148550703.jpg",
|
src: "http://img.b2bpic.net/free-photo/smart-young-student-learning-geography_23-2148550703.jpg", alt: "Smart young student learning geography"},
|
||||||
alt: "Smart young student learning geography",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-student-woman-workplace-with-laptop-books-sitting-with-fingers-crossing-wishes-best-sitting-with-crossed-legs-white-table-looks-smiling-directly-camera_176532-11331.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-student-woman-workplace-with-laptop-books-sitting-with-fingers-crossing-wishes-best-sitting-with-crossed-legs-white-table-looks-smiling-directly-camera_176532-11331.jpg", alt: "Young student woman in workplace"},
|
||||||
alt: "Young student woman in workplace",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
@@ -328,16 +216,13 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Contact"
|
tag="Contact"
|
||||||
title="Ready to move in?"
|
title="Ready to move in?"
|
||||||
description="Get in touch for bookings."
|
description="Get in touch for bookings."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Call +91 99999 99999",
|
text: "Call +91 99999 99999", href: "tel:+919999999999"},
|
||||||
href: "tel:+919999999999",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -348,29 +233,19 @@ export default function LandingPage() {
|
|||||||
logoText="PG Andaman"
|
logoText="PG Andaman"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "PG Andaman",
|
title: "PG Andaman", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Port Blair",
|
label: "Port Blair", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Quick Links",
|
title: "Quick Links", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Rooms",
|
label: "Rooms", href: "#rooms"},
|
||||||
href: "#rooms",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Facilities",
|
label: "Facilities", href: "#facilities"},
|
||||||
href: "#facilities",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user