Merge version_2 into main #3
327
src/app/page.tsx
327
src/app/page.tsx
@@ -12,9 +12,9 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Bed, Clock, Mountain, Utensils } from "lucide-react";
|
||||
import { Bed, Clock, Mountain, Utensils, Stethoscope, HeartPulse } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ClinicPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -29,239 +29,108 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Amenities", id: "amenities"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="New Bajhang Hotel"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "amenities" },
|
||||
{ name: "Opening Hours", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dirghayu Clinic"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="New Bajhang Hotel & Lodge"
|
||||
description="Luxury stay in the heart of Bajhang — comfort, peace, and premium hospitality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
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: "2", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468888.jpg", imageAlt: "Resort exterior mountain view"},
|
||||
{
|
||||
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="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Dirghayu Clinic & Medicare Center"
|
||||
description="Providing compassionate and professional healthcare for your family in the heart of our community."
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "https://img.b2bpic.net/free-photo/medical-stethoscope-doctor-s-desk_23-2149021957.jpg", imageAlt: "Healthcare facility" },
|
||||
{ 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" },
|
||||
{ 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: "6", imageSrc: "https://img.b2bpic.net/free-photo/smiling-doctor-white-coat_144627-46328.jpg", imageAlt: "Compassionate care" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Experience True Comfort"
|
||||
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."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Modern Rooms", description: "Designed for maximum relaxation."},
|
||||
{
|
||||
title: "Local Cuisine", description: "Authentic flavors of Bajhang."},
|
||||
{
|
||||
title: "24/7 Service", description: "Always here for your needs."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pillow-bed_74190-6082.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Hotel bedroom cozy interior"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Our Mission of Care"
|
||||
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={[
|
||||
{ title: "Expert Care", description: "Highly trained specialists", icon: Stethoscope },
|
||||
{ title: "Patient Focused", description: "Compassion at our core", icon: HeartPulse },
|
||||
{ title: "Advanced Tech", description: "Modern medical facilities", icon: Mountain },
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/doctor-talking-to-patient-clinic_23-2148419615.jpg"
|
||||
imageAlt="About Dirghayu Clinic"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="amenities" data-section="amenities">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Luxury Comfort", description: "Unwind in our premium rooms with mountain views.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dining-table-restaurant_53876-64723.jpg", imageAlt: "Fine dining restaurant table"},
|
||||
items: [
|
||||
{
|
||||
icon: Bed,
|
||||
text: "Plush Bedding"},
|
||||
{
|
||||
icon: Mountain,
|
||||
text: "Scenic Views"},
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Dining & Service", description: "Enjoy world-class dining and round-the-clock assistance.", media: {
|
||||
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="amenities" data-section="amenities">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Services"
|
||||
description="Comprehensive medical care designed for your well-being."
|
||||
features={[
|
||||
{
|
||||
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" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
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" },
|
||||
items: [{ icon: Clock, text: "Personalized Plans" }, { icon: Bed, text: "Ongoing Monitoring" }],
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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: "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"},
|
||||
{
|
||||
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="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Opening Hours"
|
||||
description="Available when you need us most."
|
||||
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", 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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "std", name: "Standard", price: "$50", buttons: [
|
||||
{
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
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="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="Need an appointment or have questions? Our team is here to help."
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="Dirghayu Clinic"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#amenities" }] },
|
||||
{ title: "Help", items: [{ label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user