271 lines
16 KiB
TypeScript
271 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Award, Users, Zap, CheckCircle, Star, TrendingUp, MessageSquare, Handshake, Sparkles } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Lofty Nahom"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Elevate Your Experience with Lofty Nahom"
|
|
description="Discover premium quality and exceptional service designed to exceed your expectations. We bring sophistication and innovation to every interaction."
|
|
tag="Premium Living"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Explore Services", href: "#features" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-vector/modern-hotel-reception-with-flat-design_23-2147972691.jpg", imageAlt: "Luxury interior design showcase" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292776.jpg", imageAlt: "Premium workspace environment" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg", imageAlt: "Elegant hospitality setting" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/sexy-blond-female-black-costume-sits-round-black-chair-empty-room_613910-336.jpg", imageAlt: "Contemporary luxury design" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/square-slice-chocolate-cheesecake-glass-platter_114579-16536.jpg", imageAlt: "Sophisticated ambiance" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-table-cafe-working_1157-26426.jpg", imageAlt: "Premium service delivery" }
|
|
]}
|
|
ariaLabel="Hero section showcasing Lofty Nahom services"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Why Choose Lofty Nahom"
|
|
metrics={[
|
|
{ icon: Award, label: "Years of Excellence", value: "15+" },
|
|
{ icon: Users, label: "Satisfied Clients", value: "2000+" },
|
|
{ icon: Zap, label: "Premium Projects", value: "500+" },
|
|
{ icon: CheckCircle, label: "Success Rate", value: "99%" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
ariaLabel="About section with key metrics"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
title="Our Premium Services"
|
|
description="We deliver comprehensive solutions tailored to your unique needs, combining expertise with innovation."
|
|
tag="Excellence"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "View All Services", href: "#" }]}
|
|
buttonAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Luxury Spaces", description: "Transform your environment into a sophisticated sanctuary with our premium design and curation services.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/skull-flower-arrangement-still-life_23-2150569389.jpg", imageAlt: "Luxury space transformation" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/light-bedroom-decoration-lighting-new_1203-4786.jpg", imageAlt: "Sophisticated interior design" }
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Expert Consultation", description: "Get personalized guidance from industry professionals who understand your vision and deliver results.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22660.jpg", imageAlt: "Professional consultation" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting_53876-25159.jpg", imageAlt: "Expert guidance" }
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Quality Assurance", description: "Every detail is meticulously crafted and verified to ensure excellence in every aspect of our service.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-engineer-two-steel-workers-going-through-quality-reports-while-working-industrial-building_637285-4094.jpg", imageAlt: "Quality verification" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241757.jpg", imageAlt: "Excellence standards" }
|
|
}
|
|
]}
|
|
showStepNumbers={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Features section detailing services"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="Performance Excellence"
|
|
description="Our track record speaks for itself. We consistently deliver outstanding results that exceed expectations."
|
|
tag="Track Record"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "98%", title: "Client Satisfaction", description: "Consistently high satisfaction ratings from our valued clients", imageSrc: "http://img.b2bpic.net/free-vector/review-concept-landing-page-flat-design_52683-18221.jpg", imageAlt: "Client satisfaction"
|
|
},
|
|
{
|
|
id: "2", value: "48h", title: "Average Delivery", description: "Quick turnaround without compromising on quality", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-key_23-2149901457.jpg", imageAlt: "Fast delivery"
|
|
},
|
|
{
|
|
id: "3", value: "24/7", title: "Support Available", description: "Round-the-clock assistance for all your needs", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-work-having-video-call_23-2148902302.jpg", imageAlt: "Support service"
|
|
},
|
|
{
|
|
id: "4", value: "500+", title: "Success Stories", description: "Transformations that have made a real difference", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1670.jpg", imageAlt: "Success achievement"
|
|
}
|
|
]}
|
|
ariaLabel="Metrics section showcasing performance"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Client Testimonials"
|
|
description="Hear directly from our satisfied clients about their transformative experiences with Lofty Nahom."
|
|
tag="Success Stories"
|
|
tagIcon={MessageSquare}
|
|
tagAnimation="slide-up"
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", handle: "CEO, Pinnacle Corp", testimonial: "Lofty Nahom exceeded all our expectations. Their attention to detail and professionalism transformed our workspace into something extraordinary.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-with-co-workers-blurred-background_1098-807.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "James Richardson", handle: "Founder, Elevate Ventures", testimonial: "Working with this team was a game-changer. They understood our vision perfectly and delivered beyond what we imagined possible.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man_23-2148479524.jpg", imageAlt: "James Richardson"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Chen", handle: "Creative Director, Studio Design", testimonial: "Their expertise and creativity brought our ideas to life in ways we hadn't even considered. Truly exceptional service.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149713708.jpg", imageAlt: "Emily Chen"
|
|
},
|
|
{
|
|
id: "4", name: "Michael Andrews", handle: "Managing Director, Luxury Hospitality", testimonial: "Lofty Nahom is the gold standard. Their commitment to excellence in every detail is unmatched in the industry.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man_23-2148831086.jpg", imageAlt: "Michael Andrews"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Park", handle: "Owner, Heritage Properties", testimonial: "An incredible team that combines sophistication with practical solutions. Highly recommend without hesitation.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors_23-2148824825.jpg", imageAlt: "Jessica Park"
|
|
},
|
|
{
|
|
id: "6", name: "David Thompson", handle: "President, Upscale Retail", testimonial: "Their strategic approach and flawless execution transformed our brand presence completely. Outstanding partnership.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/serious-busy-mature-businessman-laptop-his-way-office_74855-3680.jpg", imageAlt: "David Thompson"
|
|
}
|
|
]}
|
|
ariaLabel="Testimonials section with client reviews"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Our partnerships with premier brands demonstrate our commitment to excellence and quality."
|
|
tag="Partnerships"
|
|
tagIcon={Handshake}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
showCard={true}
|
|
names={[
|
|
"Premier Brands", "Luxury Collective", "Excellence Network", "Global Leaders", "Innovation Hub", "Premium Alliance", "Industry Standard", "Quality Partners"
|
|
]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/luxury-business-card-template-gold-green-tone-with-front-rear-view-flatlay_53876-100509.jpg", "http://img.b2bpic.net/free-vector/logos-collection-with-vintage-luxury-style_23-2147842744.jpg", "http://img.b2bpic.net/free-vector/flat-design-teamwork-logo-design-template_23-2149509992.jpg", "http://img.b2bpic.net/free-vector/gradient-gold-crown-logo-template_23-2150920553.jpg", "http://img.b2bpic.net/free-vector/dark-monoline-logo-collection_23-2147682012.jpg", "http://img.b2bpic.net/free-vector/gradient-logo-with-abstract-shape_23-2148218777.jpg", "http://img.b2bpic.net/free-vector/flat-design-hub-logo-with-tagline_23-2149811016.jpg", "http://img.b2bpic.net/free-vector/elegant-real-estate-logo-design_197582-57.jpg"
|
|
]}
|
|
ariaLabel="Social proof section with partner logos"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch"
|
|
description="Ready to elevate your experience? Contact us today and let's create something extraordinary together."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Your Phone", required: false },
|
|
{ name: "company", type: "text", placeholder: "Your Company", required: false }
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your project or inquiry", rows: 5, required: true }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/multiracial-coworkers-talking_1262-21192.jpg"
|
|
imageAlt="Contact us for premium services"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
ariaLabel="Contact form section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Services", href: "#features" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Luxury Spaces", href: "#features" },
|
|
{ label: "Consultation", href: "#features" },
|
|
{ label: "Quality Assurance", href: "#features" },
|
|
{ label: "Premium Support", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Email Support", href: "mailto:info@loftynamom.com" },
|
|
{ label: "Phone", href: "tel:+1234567890" },
|
|
{ label: "Office Hours", href: "#" },
|
|
{ label: "Get in Touch", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Disclaimer", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2024 Lofty Nahom. All rights reserved."
|
|
bottomRightText="Crafted with excellence for premium experiences"
|
|
ariaLabel="Site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|