Merge version_3 into main #2
114
src/app/page.tsx
114
src/app/page.tsx
@@ -3,15 +3,13 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Building, Coffee, Facebook, Instagram, Laptop, Music, ShoppingBag, Twitter, Users, Wrench, Briefcase, Zap, Film } from "lucide-react";
|
||||
import { Building, Coffee, Facebook, Instagram, Twitter, Users, Briefcase, Zap, Utensils, BedDouble, Droplets, Smile } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,84 +31,82 @@ export default function LandingPage() {
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Shopping", id: "shopping" },
|
||||
{ name: "Facilities", id: "facilities" },
|
||||
{ name: "Entertainment", id: "entertainment" },
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Dining", id: "dining" },
|
||||
{ name: "Features", id: "facilities" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Concord Arua"
|
||||
brandName="Beal Luxury Hotel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Arua's Premier One-Stop Business Centre"
|
||||
description="Discover everything you need at Concord Business Centre, conveniently located on Rhino Camp Road. From professional services to retail, entertainment, and more, we serve the heart of Arua city."
|
||||
buttons={[{ text: "Visit Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/silhouette-young-business-woman-beige-suit-walking-city-center-posing-near-office-buildings_1258-194035.jpg"
|
||||
imageAlt="Concord Business Centre exterior view"
|
||||
title="Experience Opulence at Beal Luxury Hotel"
|
||||
description="Discover the epitome of luxury in Arua. From elegantly designed rooms to our signature culinary experiences, Beal Luxury Hotel offers an unmatched retreat for the modern traveler."
|
||||
buttons={[{ text: "Book Your Stay", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-hotel-room-with-modern-decor_1258-194035.jpg"
|
||||
imageAlt="Beal Luxury Hotel interior view"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Identity"
|
||||
title="Built for Community Needs"
|
||||
description="More than just a shopping center, Concord Business Centre represents a significant investment in Arua's growth. We provide essential resources for local entrepreneurs, students, and families."
|
||||
subdescription="Strategically positioned on Rhino Camp Road, we offer easy access to a diverse ecosystem of businesses and service providers."
|
||||
icon={Building}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/silhouette-young-business-woman-beige-suit-walking-city-center-posing-near-office-buildings_1258-194036.jpg"
|
||||
tag="Our Commitment"
|
||||
title="Exceptional Hospitality, Redefined"
|
||||
description="At Beal Luxury Hotel, our guests are our priority. Whether you are here for business or pleasure, our dedicated staff—including Francine, George, and Linda—ensure every detail of your stay is perfect."
|
||||
subdescription="From your first welcome at the front desk to the impeccable service in our dining hall, we curate experiences that feel personal, warm, and sophisticated."
|
||||
icon={Users}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friendly-hotel-staff-welcoming-guests_1258-194036.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="bustling business center interior atmosphere"
|
||||
imageAlt="Beal Luxury Hotel dedicated concierge team"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shopping" data-section="shopping">
|
||||
<ProductCardFour
|
||||
<div id="rooms" data-section="rooms">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
title="Shopping & Retail"
|
||||
description="Explore our curated selection of retail shops featuring the latest fashion, electronics, and daily essentials."
|
||||
products={[
|
||||
{ id: "s1", name: "Fashion Boutique", price: "Varied", variant: "Retail", imageSrc: "http://img.b2bpic.net/free-photo/content-woman-posing-light-shopping-mall_23-2147669860.jpg" },
|
||||
{ id: "s2", name: "Tech Hub Electronics", price: "Competitive", variant: "Gadgets", imageSrc: "http://img.b2bpic.net/free-photo/business-executives-discussing-laptop_107420-65775.jpg" },
|
||||
{ id: "s3", name: "Daily Essentials Market", price: "Affordable", variant: "Retail", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585932.jpg" },
|
||||
{ id: "s4", name: "Handmade Decor", price: "Unique", variant: "Artisanal", imageSrc: "http://img.b2bpic.net/free-photo/unfocused-people-with-suitcases_1203-988.jpg" }
|
||||
title="Luxury Accommodations"
|
||||
description="Our rooms are meticulously designed for comfort and elegance, featuring premium linens, modern amenities, and breathtaking city views."
|
||||
features={[
|
||||
{ icon: BedDouble, title: "Executive Suites", description: "Spacious and refined, offering a perfect sanctuary for relaxation." },
|
||||
{ icon: BedDouble, title: "Deluxe King Rooms", description: "Designed with modern aesthetic sensibilities to ensure a restful night." },
|
||||
{ icon: BedDouble, title: "Garden View Rooms", description: "Wake up to the serene ambiance of our meticulously maintained hotel gardens." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="dining" data-section="dining">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Exquisite Dining"
|
||||
description="Savor a world of flavors at our hotel restaurant, where professional chefs prepare locally sourced and international delicacies."
|
||||
features={[
|
||||
{ icon: Utensils, title: "Gourmet Breakfast", description: "Start your day with a continental spread or traditional favorites." },
|
||||
{ icon: Utensils, title: "Fine Evening Dining", description: "Elegant ambiance paired with a curated selection of fine wines and dishes." },
|
||||
{ icon: Coffee, title: "Cafe Bar", description: "Perfect for casual meetings or a quick morning pick-me-up." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="facilities" data-section="facilities">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Business Facilities"
|
||||
description="State-of-the-art facilities designed to foster productivity and growth for local businesses."
|
||||
features={[
|
||||
{ icon: Briefcase, title: "Conference Suites", description: "Equipped meeting rooms for workshops, seminars, and networking." },
|
||||
{ icon: Laptop, title: "Coworking Hub", description: "High-speed internet access with dedicated workstations for digital work." },
|
||||
{ icon: Zap, title: "Support Services", description: "Professional administrative services including printing, scanning, and courier logistics." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="entertainment" data-section="entertainment">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Entertainment & Leisure"
|
||||
description="Relax and unwind with our wide range of entertainment offerings."
|
||||
title="World-Class Amenities"
|
||||
description="Enjoy our exclusive hotel features, including a mesmerizing water fountain and state-of-the-art facilities designed for comfort."
|
||||
features={[
|
||||
{ icon: Music, title: "Rooftop Lounge", description: "The perfect spot to enjoy refreshments and live music in Arua City." },
|
||||
{ icon: Film, title: "Cinema Experience", description: "Catch the latest blockbusters in a comfortable, modern theater environment." },
|
||||
{ icon: Coffee, title: "Relaxation Zones", description: "Quiet spaces designed for dining and social gatherings." }
|
||||
{ icon: Droplets, title: "Signature Fountain", description: "Relax by our serene central water feature, a centerpiece of our garden." },
|
||||
{ icon: Smile, title: "Personalized Service", description: "Our staff are trained to anticipate every need for a truly stress-free visit." },
|
||||
{ icon: Zap, title: "Business Center", description: "High-speed connectivity and quiet zones for your professional endeavors." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,12 +117,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Mambo Fred", handle: "@mambo", testimonial: "My one stop center for all my shopping needs and more in Arua city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167457.jpg" },
|
||||
{ id: "2", name: "Chandia Jafati", handle: "@chandia", testimonial: "One of the best shopping malls in the heart of Arua city, opposite Hass fuel station.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg" }
|
||||
{ id: "1", name: "Sarah K.", handle: "@sarahtravels", testimonial: "The stay was absolutely incredible. George and Linda were extremely helpful throughout our visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-hotel-guest_23-2150167457.jpg" },
|
||||
{ id: "2", name: "John M.", handle: "@johnm", testimonial: "Francine at the front desk was fantastic. The rooms and the fountain view were highlights of our trip to Arua.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/satisfied-business-traveler_1194-2551.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Community Voices"
|
||||
description="Hear from our frequent visitors."
|
||||
title="Guest Experiences"
|
||||
description="See what our guests say about their stay at Beal Luxury Hotel."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -134,16 +130,16 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "cell-wave" }}
|
||||
tag="Get In Touch"
|
||||
title="Visit Concord Today"
|
||||
description="Ready to experience the best of Arua? Stop by or contact us to book a facility or inquire about leasing."
|
||||
tag="Reservations"
|
||||
title="Book Your Beal Experience"
|
||||
description="We look forward to welcoming you to the Beal Luxury Hotel. Contact us for room bookings, event planning, or dining reservations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Concord Business Centre"
|
||||
copyrightText="© 2025 | Concord Arua"
|
||||
logoText="Beal Luxury Hotel"
|
||||
copyrightText="© 2025 | Beal Luxury Hotel, Arua"
|
||||
socialLinks={[
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
@@ -154,4 +150,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user