Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2119daa2df | |||
| 3b703c5131 | |||
| c374fa83ca | |||
| 67b8bd837c | |||
| 54d6921089 | |||
| 03427d9607 |
333
src/app/page.tsx
333
src/app/page.tsx
@@ -3,18 +3,15 @@
|
|||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
||||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
||||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
import { Clock, Mountain, Bed, Stethoscope, HeartPulse } from "lucide-react";
|
||||||
import { Bed, Clock, Mountain, Utensils } from "lucide-react";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function ClinicPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="shift-hover"
|
defaultButtonVariant="shift-hover"
|
||||||
@@ -29,239 +26,111 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="extrabold"
|
headingFontWeight="extrabold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home", id: "hero"},
|
{ name: "About", id: "about" },
|
||||||
{
|
{ name: "Services", id: "amenities" },
|
||||||
name: "About", id: "about"},
|
{ name: "Opening Hours", id: "metrics" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "Amenities", id: "amenities"},
|
]}
|
||||||
{
|
brandName="Dirghayu Clinic"
|
||||||
name: "Contact", id: "contact"},
|
/>
|
||||||
]}
|
</div>
|
||||||
brandName="New Bajhang Hotel"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
title="Dirghayu Clinic & Medicare Center"
|
||||||
variant: "plain"}}
|
description="Providing compassionate and professional healthcare for your family in the heart of our community."
|
||||||
title="New Bajhang Hotel & Lodge"
|
background={{ variant: "gradient-bars" }}
|
||||||
description="Luxury stay in the heart of Bajhang — comfort, peace, and premium hospitality."
|
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||||
buttons={[
|
carouselItems={[
|
||||||
{
|
{ id: "1", imageSrc: "https://img.b2bpic.net/free-photo/medical-stethoscope-doctor-s-desk_23-2149021957.jpg?_wi=1", imageAlt: "Healthcare facility" },
|
||||||
text: "Book Your Stay", href: "#contact"},
|
{ id: "2", imageSrc: "https://img.b2bpic.net/free-photo/doctor-holding-stethoscope-clinic_1308-41006.jpg", imageAlt: "Doctor care" },
|
||||||
]}
|
{ id: "3", imageSrc: "https://img.b2bpic.net/free-photo/modern-clinic-reception-waiting-area_23-2148766127.jpg", imageAlt: "Waiting room" },
|
||||||
carouselItems={[
|
{ id: "4", imageSrc: "https://img.b2bpic.net/free-photo/view-young-doctor-clinic_23-2148818451.jpg", imageAlt: "Professional staff" },
|
||||||
{
|
{ id: "5", imageSrc: "https://img.b2bpic.net/free-photo/medical-equipment-clinic_23-2148971556.jpg", imageAlt: "Medical facility" },
|
||||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg", imageAlt: "Luxury mountain hotel lobby"},
|
{ id: "6", imageSrc: "https://img.b2bpic.net/free-photo/smiling-doctor-white-coat_144627-46328.jpg", imageAlt: "Compassionate care" },
|
||||||
{
|
]}
|
||||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468888.jpg", imageAlt: "Resort exterior mountain view"},
|
/>
|
||||||
{
|
</div>
|
||||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683453.jpg", imageAlt: "Elegant hotel entrance sunset"},
|
|
||||||
{
|
|
||||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/tropical-luxury-silhouette-vacation-swimming_1203-4845.jpg", imageAlt: "Luxury mountain hotel lobby"},
|
|
||||||
{
|
|
||||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/designer-sauna-heaters-geometric-forms-sunny-interior_169016-68905.jpg", imageAlt: "Resort exterior mountain view"},
|
|
||||||
{
|
|
||||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-panoramic-view-scandinavian-style_169016-68919.jpg", imageAlt: "Elegant hotel entrance sunset"},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<SplitAbout
|
<SplitAbout
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Experience True Comfort"
|
title="Our Mission of Care"
|
||||||
description="New Bajhang Hotel & Lodge offers a premium stay experience with modern rooms, mountain views, delicious local cuisine, and warm hospitality. Whether you're traveling for business or leisure, we make your stay unforgettable."
|
description="At Dirghayu Clinic & Medicare Center, we are dedicated to providing accessible and high-quality medical services. Our team of experienced professionals focuses on preventative care, accurate diagnosis, and personalized treatment plans for every patient."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{ title: "Expert Care", description: "Highly trained specialists", icon: Stethoscope },
|
||||||
title: "Modern Rooms", description: "Designed for maximum relaxation."},
|
{ title: "Patient Focused", description: "Compassion at our core", icon: HeartPulse },
|
||||||
{
|
{ title: "Advanced Tech", description: "Modern medical facilities", icon: Mountain },
|
||||||
title: "Local Cuisine", description: "Authentic flavors of Bajhang."},
|
]}
|
||||||
{
|
imageSrc="https://img.b2bpic.net/free-photo/doctor-talking-to-patient-clinic_23-2148419615.jpg"
|
||||||
title: "24/7 Service", description: "Always here for your needs."},
|
imageAlt="About Dirghayu Clinic"
|
||||||
]}
|
/>
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/pillow-bed_74190-6082.jpg"
|
</div>
|
||||||
mediaAnimation="slide-up"
|
|
||||||
imageAlt="Hotel bedroom cozy interior"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="amenities" data-section="amenities">
|
<div id="amenities" data-section="amenities">
|
||||||
<FeatureCardTen
|
<FeatureCardTen
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
title="Our Services"
|
||||||
{
|
description="Comprehensive medical care designed for your well-being."
|
||||||
title: "Luxury Comfort", description: "Unwind in our premium rooms with mountain views.", media: {
|
features={[
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dining-table-restaurant_53876-64723.jpg", imageAlt: "Fine dining restaurant table"},
|
{
|
||||||
items: [
|
title: "General Medicine", description: "Expert consultation and preventative health checkups for all ages.", media: { imageSrc: "https://img.b2bpic.net/free-photo/physician-examining-patient-clinic_23-2148560032.jpg" },
|
||||||
{
|
items: [{ icon: HeartPulse, text: "Annual Health Checkups" }, { icon: Stethoscope, text: "Diagnosis & Treatment" }],
|
||||||
icon: Bed,
|
reverse: false
|
||||||
text: "Plush Bedding"},
|
},
|
||||||
{
|
{
|
||||||
icon: Mountain,
|
title: "Specialist Care", description: "Dedicated clinics for chronic conditions and specialist care services.", media: { imageSrc: "https://img.b2bpic.net/free-photo/doctor-working-with-medical-data_23-2148818451.jpg" },
|
||||||
text: "Scenic Views"},
|
items: [{ icon: Clock, text: "Personalized Plans" }, { icon: Bed, text: "Ongoing Monitoring" }],
|
||||||
],
|
reverse: true
|
||||||
reverse: false
|
}
|
||||||
},
|
]}
|
||||||
{
|
/>
|
||||||
title: "Dining & Service", description: "Enjoy world-class dining and round-the-clock assistance.", media: {
|
</div>
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-suite-modern-elegance-illuminated-naturally-generated-by-ai_188544-18309.jpg", imageAlt: "Modern luxury hotel room"},
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
icon: Utensils,
|
|
||||||
text: "Gourmet Restaurant"},
|
|
||||||
{
|
|
||||||
icon: Clock,
|
|
||||||
text: "24/7 Support"},
|
|
||||||
],
|
|
||||||
reverse: true
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Premium Amenities"
|
|
||||||
description="Everything you need for a comfortable stay."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="metrics" data-section="metrics">
|
||||||
<TestimonialCardTwo
|
<MetricCardEleven
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
title="Opening Hours"
|
||||||
{
|
description="Available when you need us most."
|
||||||
id: "1", name: "Sarah J.", role: "Traveler", testimonial: "Amazing stay, truly the best in Bajhang.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-walking-with-trolley-bag-airport-terminal_107420-85050.jpg"},
|
metrics={[
|
||||||
{
|
{ id: "1", value: "Mon-Fri", title: "Working Week", description: "9:00 AM - 8:00 PM", imageSrc: "https://img.b2bpic.net/free-photo/clock-office-desk_23-2148281358.jpg" },
|
||||||
id: "2", name: "Mark R.", role: "Business Guest", testimonial: "Comfortable rooms and great service.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-man-with-ginger-beard-blue-eyes-green-swimming-glasses-printed-white-shirt-showing-peace-signs-orange-backdrop_197531-27686.jpg"},
|
{ id: "2", value: "Sat-Sun", title: "Weekend Hours", description: "10:00 AM - 4:00 PM", imageSrc: "https://img.b2bpic.net/free-photo/calendar-schedule_23-2148281362.jpg" },
|
||||||
{
|
{ id: "3", value: "24/7", title: "Emergency", description: "Always available for urgent cases", imageSrc: "https://img.b2bpic.net/free-photo/hospital-emergency-sign_23-2149156557.jpg" }
|
||||||
id: "3", name: "Elena K.", role: "Tourist", testimonial: "The views were breathtaking.", imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-lifestyle-travel-happy-carefree-brunette-woman-walking-down-coastline-touching-her-loose-hair-turning-round-rushing-ocean-while-traveling-foreign-country_273609-610.jpg"},
|
]}
|
||||||
{
|
/>
|
||||||
id: "4", name: "David L.", role: "Local Guest", testimonial: "Authentic food and very welcoming.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-photo-camera_23-2149901710.jpg"},
|
</div>
|
||||||
{
|
|
||||||
id: "5", name: "Chloe T.", role: "Blogger", testimonial: "Perfect hospitality experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fat-tourist-traveling_23-2151711599.jpg"},
|
|
||||||
]}
|
|
||||||
title="Guest Reviews"
|
|
||||||
description="What our guests say about us."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="pricing" data-section="pricing">
|
<div id="contact" data-section="contact">
|
||||||
<PricingCardThree
|
<ContactCTA
|
||||||
animationType="slide-up"
|
tag="Contact"
|
||||||
textboxLayout="default"
|
title="Get in Touch"
|
||||||
useInvertedBackground={false}
|
description="Need an appointment or have questions? Our team is here to help."
|
||||||
plans={[
|
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||||
{
|
background={{ variant: "plain" }}
|
||||||
id: "std", name: "Standard", price: "$50", buttons: [
|
useInvertedBackground={false}
|
||||||
{
|
/>
|
||||||
text: "Select", href: "#"},
|
</div>
|
||||||
],
|
|
||||||
features: [
|
|
||||||
"Free Wifi", "Mountain View"],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "dlx", name: "Deluxe", price: "$85", buttons: [
|
|
||||||
{
|
|
||||||
text: "Select", href: "#"},
|
|
||||||
],
|
|
||||||
features: [
|
|
||||||
"Breakfast Included", "King Bed", "Mountain View"],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "ste", name: "Suite", price: "$150", buttons: [
|
|
||||||
{
|
|
||||||
text: "Select", href: "#"},
|
|
||||||
],
|
|
||||||
features: [
|
|
||||||
"VIP Service", "Private Balcony", "All Meals"],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Accommodation Tiers"
|
|
||||||
description="Choose the perfect room for your stay."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
<div id="footer" data-section="footer">
|
||||||
<MetricCardEleven
|
<FooterMedia
|
||||||
animationType="slide-up"
|
logoText="Dirghayu Clinic"
|
||||||
textboxLayout="default"
|
imageSrc="https://img.b2bpic.net/free-photo/medical-stethoscope-doctor-s-desk_23-2149021957.jpg?_wi=2"
|
||||||
useInvertedBackground={false}
|
columns={[
|
||||||
metrics={[
|
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#amenities" }] },
|
||||||
{
|
{ title: "Help", items: [{ label: "Contact", href: "#contact" }] }
|
||||||
id: "1", value: "20+", title: "Rooms", description: "Luxury suites available.", imageSrc: "http://img.b2bpic.net/free-photo/hotel-white-home-lamp-cushion_1203-5183.jpg"},
|
]}
|
||||||
{
|
/>
|
||||||
id: "2", value: "100%", title: "Satisfaction", description: "High guest ratings.", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-private-room-with-table-14-persons-wooden-ceiling-brick-walls-fireplace_140725-8452.jpg"},
|
</div>
|
||||||
{
|
|
||||||
id: "3", value: "24/7", title: "Support", description: "Always ready to serve.", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1823.jpg"},
|
|
||||||
]}
|
|
||||||
title="Hotel Highlights"
|
|
||||||
description="Numbers behind our success."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
|
||||||
<FaqDouble
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
faqs={[
|
|
||||||
{
|
|
||||||
id: "q1", title: "Is WiFi free?", content: "Yes, we provide high-speed WiFi for all guests."},
|
|
||||||
{
|
|
||||||
id: "q2", title: "Do you offer meals?", content: "Yes, we have an on-site restaurant serving local cuisine."},
|
|
||||||
{
|
|
||||||
id: "q3", title: "Is parking available?", content: "Secure parking is provided for all guests."},
|
|
||||||
]}
|
|
||||||
title="Common Questions"
|
|
||||||
description="Everything you need to know about us."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
|
||||||
<ContactCTA
|
|
||||||
useInvertedBackground={false}
|
|
||||||
background={{
|
|
||||||
variant: "plain"}}
|
|
||||||
tag="Contact"
|
|
||||||
title="Book Your Stay Today"
|
|
||||||
description="Ready to experience New Bajhang Hotel? Reach out and we'll secure your room."
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Call Now", href: "tel:+9779800000000"},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
|
||||||
<FooterMedia
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-luxury-hotel-bedroom_74190-3804.jpg"
|
|
||||||
logoText="New Bajhang Hotel"
|
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
title: "Navigation", items: [
|
|
||||||
{
|
|
||||||
label: "Home", href: "#hero"},
|
|
||||||
{
|
|
||||||
label: "About", href: "#about"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support", items: [
|
|
||||||
{
|
|
||||||
label: "Contact Us", href: "#contact"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user