Merge version_1 into main #2
275
src/app/page.tsx
275
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="El Shaddai"
|
||||
/>
|
||||
@@ -56,31 +44,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Comfortable, Secure & Affordable Stay in King William’s Town"
|
||||
description="Enjoy a peaceful stay with all the essentials for business or leisure. Your home away from home."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg?_wi=1",
|
||||
imageAlt: "Exterior view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6426.jpg",
|
||||
imageAlt: "Room interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tank-container-water-storage_23-2151748329.jpg",
|
||||
imageAlt: "Garden area",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-background-zoom-calls_23-2149684457.jpg",
|
||||
imageAlt: "Dining area",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-with-food-thanksgiving-day-celebration_23-2148632535.jpg",
|
||||
imageAlt: "Patio space",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg", imageAlt: "Exterior view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6426.jpg", imageAlt: "Room interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-tank-container-water-storage_23-2151748329.jpg", imageAlt: "Garden area" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-background-zoom-calls_23-2149684457.jpg", imageAlt: "Dining area" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/table-with-food-thanksgiving-day-celebration_23-2148632535.jpg", imageAlt: "Patio space" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -91,21 +63,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to El Shaddai Guest House"
|
||||
metrics={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Security",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
icon: Wifi,
|
||||
label: "Internet",
|
||||
value: "Free",
|
||||
},
|
||||
{
|
||||
icon: Car,
|
||||
label: "Parking",
|
||||
value: "Secure",
|
||||
},
|
||||
{ icon: ShieldCheck, label: "Security", value: "24/7" },
|
||||
{ icon: Wifi, label: "Internet", value: "Free" },
|
||||
{ icon: Car, label: "Parking", value: "Secure" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -118,28 +78,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Free WiFi",
|
||||
description: "High-speed internet for work or entertainment.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wifi,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-spending-time-home_23-2149160327.jpg",
|
||||
imageAlt: "Full shot family spending time at home",
|
||||
title: "Free WiFi", description: "High-speed internet for work or entertainment.", bentoComponent: "reveal-icon", icon: Wifi,
|
||||
},
|
||||
{
|
||||
title: "Secure Parking",
|
||||
description: "Rest easy with our 24/7 guarded secure parking.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg?_wi=2",
|
||||
imageAlt: "Full shot family spending time at home",
|
||||
title: "Secure Parking", description: "Rest easy with our 24/7 guarded secure parking.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
title: "DStv & Comfort",
|
||||
description: "Relax with DStv in your room.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Tv,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-plants-by-mattress-floor_53876-95903.jpg?_wi=1",
|
||||
imageAlt: "Full shot family spending time at home",
|
||||
title: "DStv & Comfort", description: "Relax with DStv in your room.", bentoComponent: "reveal-icon", icon: Tv,
|
||||
},
|
||||
]}
|
||||
title="Everything You Need for a Perfect Stay"
|
||||
@@ -154,42 +99,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Single Room",
|
||||
price: "R550",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-plants-by-mattress-floor_53876-95903.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "d1",
|
||||
name: "Double Room",
|
||||
price: "R750",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-modern-bedroom-with-comfortable-bedding-green-plants-generated-by-ai_188544-38187.jpg",
|
||||
},
|
||||
{
|
||||
id: "f1",
|
||||
name: "Family Room",
|
||||
price: "R1200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mom-spending-time-with-children_23-2149310669.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Single Comfort",
|
||||
price: "R600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-background-luxury-hotel-nobody_1203-4488.jpg",
|
||||
},
|
||||
{
|
||||
id: "d2",
|
||||
name: "Double Luxury",
|
||||
price: "R850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-hotel-room-residence-is-furnished-modernly-copy-space-background_1258-84783.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
name: "Family Suite",
|
||||
price: "R1400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-man-woman-together-bed_23-2148350576.jpg",
|
||||
},
|
||||
{ id: "s1", name: "Single Room", price: "R550", imageSrc: "http://img.b2bpic.net/free-photo/house-plants-by-mattress-floor_53876-95903.jpg" },
|
||||
{ id: "d1", name: "Double Room", price: "R750", imageSrc: "http://img.b2bpic.net/free-photo/cozy-modern-bedroom-with-comfortable-bedding-green-plants-generated-by-ai_188544-38187.jpg" },
|
||||
{ id: "f1", name: "Family Room", price: "R1200", imageSrc: "http://img.b2bpic.net/free-photo/mom-spending-time-with-children_23-2149310669.jpg" },
|
||||
{ id: "s2", name: "Single Comfort", price: "R600", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-background-luxury-hotel-nobody_1203-4488.jpg" },
|
||||
{ id: "d2", name: "Double Luxury", price: "R850", imageSrc: "http://img.b2bpic.net/free-photo/interior-hotel-room-residence-is-furnished-modernly-copy-space-background_1258-84783.jpg" },
|
||||
{ id: "f2", name: "Family Suite", price: "R1400", imageSrc: "http://img.b2bpic.net/free-photo/cute-man-woman-together-bed_23-2148350576.jpg" },
|
||||
]}
|
||||
title="Our Accommodation Options"
|
||||
description="Clean, comfortable rooms designed for your peace of mind."
|
||||
@@ -202,46 +117,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah M.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Comfortable and affordable stay. Perfectly clean.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David K.",
|
||||
handle: "@david",
|
||||
testimonial: "Safe parking and convenient location. Great service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-tourist-holding-camera_23-2148357283.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Thandi N.",
|
||||
handle: "@thandi",
|
||||
testimonial: "Friendly staff and great value for money. Very quiet.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-standing-near-window-talking-mobile-phone_23-2147974633.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Peter J.",
|
||||
handle: "@peter",
|
||||
testimonial: "Home away from home! Really enjoyed the stay.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane D.",
|
||||
handle: "@jane",
|
||||
testimonial: "Excellent service and very clean rooms. Recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-vacation-with-little-baby-boy_343596-1696.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah M.", handle: "@sarah", testimonial: "Comfortable and affordable stay. Perfectly clean.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg" },
|
||||
{ id: "t2", name: "David K.", handle: "@david", testimonial: "Safe parking and convenient location. Great service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-tourist-holding-camera_23-2148357283.jpg" },
|
||||
{ id: "t3", name: "Thandi N.", handle: "@thandi", testimonial: "Friendly staff and great value for money. Very quiet.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-standing-near-window-talking-mobile-phone_23-2147974633.jpg" },
|
||||
{ id: "t4", name: "Peter J.", handle: "@peter", testimonial: "Home away from home! Really enjoyed the stay.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg" },
|
||||
{ id: "t5", name: "Jane D.", handle: "@jane", testimonial: "Excellent service and very clean rooms. Recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-family-vacation-with-little-baby-boy_343596-1696.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Guests Say"
|
||||
@@ -253,21 +133,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is breakfast available?",
|
||||
content: "Yes, we offer breakfast upon request.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide shuttle services?",
|
||||
content: "Yes, shuttle services are available on request.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is parking safe?",
|
||||
content: "We offer 24-hour security and secure parking.",
|
||||
},
|
||||
{ id: "q1", title: "Is breakfast available?", content: "Yes, we offer breakfast upon request." },
|
||||
{ id: "q2", title: "Do you provide shuttle services?", content: "Yes, shuttle services are available on request." },
|
||||
{ id: "q3", title: "Is parking safe?", content: "We offer 24-hour security and secure parking." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -281,27 +149,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Amathole",
|
||||
title: "Museums",
|
||||
description: "Historical exploration.",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Local",
|
||||
title: "Heritage",
|
||||
description: "Mandela sites nearby.",
|
||||
icon: History,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Easy",
|
||||
title: "Access",
|
||||
description: "To business districts.",
|
||||
icon: Navigation,
|
||||
},
|
||||
{ id: "m1", value: "Amathole", title: "Museums", description: "Historical exploration.", icon: MapPin },
|
||||
{ id: "m2", value: "Local", title: "Heritage", description: "Mandela sites nearby.", icon: History },
|
||||
{ id: "m3", value: "Easy", title: "Access", description: "To business districts.", icon: Navigation },
|
||||
]}
|
||||
title="Centrally Located"
|
||||
description="Access local shops, business centers, and heritage sites with ease."
|
||||
@@ -314,24 +164,9 @@ export default function LandingPage() {
|
||||
title="Book Your Stay Today"
|
||||
description="Send us a message to secure your booking."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "dates",
|
||||
type: "text",
|
||||
placeholder: "Check-in/Out Dates",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "dates", type: "text", placeholder: "Check-in/Out Dates", required: true },
|
||||
]}
|
||||
buttonText="Send Booking Request"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-tender-parisian-girl-stylish-outfit-sends-air-kiss-portrait-young-woman-with-expressive-look_197531-12004.jpg"
|
||||
@@ -342,37 +177,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Rooms", href: "#rooms" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@elshaddai.co.za",
|
||||
},
|
||||
{
|
||||
label: "Phone",
|
||||
href: "tel:+27000000000",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/27000000000",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "Email", href: "mailto:info@elshaddai.co.za" },
|
||||
{ label: "Phone", href: "tel:+27000000000" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/27000000000" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -382,4 +197,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user