Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
447
src/app/page.tsx
447
src/app/page.tsx
@@ -4,15 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
||||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||||
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||||
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||||
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||||
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
import { Users, Target, BarChart3, Star, CheckCircle } from "lucide-react";
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
||||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
||||||
import { Calendar, Shield, Sparkles, Users } from "lucide-react";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -29,355 +29,104 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "#hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "#about" },
|
||||||
id: "#hero",
|
{ name: "Features", id: "#features" },
|
||||||
},
|
{ name: "Performance", id: "#metrics" },
|
||||||
{
|
{ name: "Team", id: "#team" },
|
||||||
name: "Services",
|
{ name: "Testimonials", id: "#testimonials" }
|
||||||
id: "#services",
|
]}
|
||||||
},
|
brandName="CLSF Technical Services"
|
||||||
{
|
/>
|
||||||
name: "Packages",
|
</div>
|
||||||
id: "#packages",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "FAQ",
|
|
||||||
id: "#faq",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="CLSF Technical Services"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroOverlay
|
<HeroBillboardScroll
|
||||||
title="Elevating Spaces Through Technical Excellence"
|
title="CLSF Technical Services L.L.C"
|
||||||
description="CLSF Technical Services L.L.C delivers premium, high-standard cleaning and technical facility maintenance solutions tailored for your business and residential needs."
|
description="Delivering excellence through premium technical maintenance and professional facility solutions."
|
||||||
buttons={[
|
imageSrc="http://img.b2bpic.net/free-photo/modern-office-building-with-glass-facade_23-2148705353.jpg"
|
||||||
{
|
/>
|
||||||
text: "Get a Free Quote",
|
</div>
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "View Our Services",
|
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-group-volunteers-holding-hands_23-2148687292.jpg"
|
|
||||||
imageAlt="Professional cleaning services in action"
|
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-gardener-apron-hat-holding-hedge-clippers-looking-front-smiling-confident-standing-blue-wall_141793-96983.jpg",
|
|
||||||
alt: "Team member 1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-man-cleaning-his-house_23-2148119206.jpg",
|
|
||||||
alt: "Team member 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/adorable-woman-painting-wooden-stand-white-color_651396-2924.jpg",
|
|
||||||
alt: "Team member 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-cleaning-man-wearing-casual-clothes-cap-rubber-gloves-holding-spray-bottle-smiling-cheerfully-standing-white-wall_141793-60752.jpg",
|
|
||||||
alt: "Team member 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148118521.jpg",
|
|
||||||
alt: "Team member 5",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatarText="Trusted by 500+ clients"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="services" data-section="services">
|
<div id="about" data-section="about">
|
||||||
<TestimonialAboutCard
|
<MediaAbout
|
||||||
useInvertedBackground={false}
|
title="Our Commitment to Excellence"
|
||||||
tag="Our Expertise"
|
description="With years of experience in technical facility management, we bridge the gap between complex infrastructure needs and reliable, efficient maintenance."
|
||||||
title="Technical Cleaning & Maintenance"
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-professional-cleaning-tools_23-2149535102.jpg"
|
||||||
description="Beyond simple cleaning, we offer comprehensive technical facility solutions to keep your environment pristine and efficient."
|
useInvertedBackground={false}
|
||||||
subdescription="Our team uses professional-grade technology to deliver results that meet the highest standards of hygiene and maintenance."
|
/>
|
||||||
icon={Shield}
|
</div>
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-cleaning-window_23-2149535102.jpg"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureBorderGlow
|
<FeatureCardNine
|
||||||
animationType="slide-up"
|
title="Precision Maintenance Features"
|
||||||
textboxLayout="split"
|
description="Our advanced technical workflows ensure your environment remains safe, clean, and fully operational 24/7."
|
||||||
useInvertedBackground={false}
|
showStepNumbers={true}
|
||||||
features={[
|
animationType="slide-up"
|
||||||
{
|
textboxLayout="default"
|
||||||
icon: Sparkles,
|
features={[
|
||||||
title: "Advanced Sanitization",
|
{
|
||||||
description: "Utilizing industry-leading methods to guarantee a bacteria-free and safe environment.",
|
title: "Smart Cleaning",
|
||||||
},
|
description: "Automated and precision-based maintenance solutions.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cleaner-holding-spray-bottle_23-2148530325.jpg" },
|
||||||
{
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaning-floor_23-2148744040.jpg" }
|
||||||
icon: Users,
|
}
|
||||||
title: "Highly Trained Staff",
|
]}
|
||||||
description: "Professional team members vetted and trained in sophisticated cleaning techniques.",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
icon: Calendar,
|
|
||||||
title: "Flexible Scheduling",
|
|
||||||
description: "We work around your schedule to minimize disruption to your operations.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Why CLSF Stands Apart"
|
|
||||||
description="We blend technical precision with meticulous attention to detail to ensure your space remains immaculate."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
<div id="metrics" data-section="metrics">
|
||||||
<MetricCardSeven
|
<MetricCardEleven
|
||||||
animationType="slide-up"
|
title="Measurable Success"
|
||||||
textboxLayout="split"
|
description="Our performance-driven approach is backed by data and client results."
|
||||||
useInvertedBackground={false}
|
animationType="slide-up"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "metric-1", value: "99%", title: "Efficiency Rate", description: "Optimization of all facility operations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-diagram-growth_23-2148858177.jpg"
|
||||||
value: "500+",
|
},
|
||||||
title: "Satisfied Clients",
|
{
|
||||||
items: [
|
id: "metric-2", value: "500+", title: "Satisfied Clients", description: "Partners across various sectors.", imageSrc: "http://img.b2bpic.net/free-photo/happy-team-working_23-2148858177.jpg"
|
||||||
"Commercial buildings",
|
}
|
||||||
"Residential estates",
|
]}
|
||||||
"Office spaces",
|
/>
|
||||||
],
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
value: "15k+",
|
|
||||||
title: "Hours Served",
|
|
||||||
items: [
|
|
||||||
"Deep cleaning",
|
|
||||||
"Facility maintenance",
|
|
||||||
"Technical sanitization",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "99%",
|
|
||||||
title: "Quality Score",
|
|
||||||
items: [
|
|
||||||
"Customer satisfaction",
|
|
||||||
"Audit compliance",
|
|
||||||
"Efficiency rate",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Results You Can Count On"
|
|
||||||
description="Our commitment to excellence translates into measurable results for every client we serve."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="team" data-section="team">
|
||||||
<TestimonialCardThirteen
|
<TeamCardFive
|
||||||
animationType="slide-up"
|
title="Meet Our Technical Experts"
|
||||||
textboxLayout="split"
|
description="Our team comprises highly-trained professionals dedicated to facility excellence."
|
||||||
useInvertedBackground={false}
|
animationType="slide-up"
|
||||||
testimonials={[
|
textboxLayout="default"
|
||||||
{
|
team={[
|
||||||
id: "1",
|
{ id: "t1", name: "Alex Rivera", role: "Technical Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-man_23-2148923485.jpg" },
|
||||||
name: "Sarah Johnson",
|
{ id: "t2", name: "Sarah Chen", role: "Operations Lead", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-woman_23-2148923485.jpg" }
|
||||||
handle: "Operations Manager",
|
]}
|
||||||
testimonial: "CLSF provides the most consistent cleaning service we've experienced in years.",
|
/>
|
||||||
rating: 5,
|
</div>
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-handing-his-boarding-pass-counter_107420-63587.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Michael Chen",
|
|
||||||
handle: "Facilities Director",
|
|
||||||
testimonial: "Truly professional and detail-oriented team. Highly recommended for commercial sites.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-talking-mobile-phone-answers-phone-call-smiles-stands-home-leans-wall_1258-200139.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Emily Davis",
|
|
||||||
handle: "Office Manager",
|
|
||||||
testimonial: "Very prompt and thorough. Their technical expertise makes all the difference.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-call-center_23-2149288183.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "David Kim",
|
|
||||||
handle: "Estate Manager",
|
|
||||||
testimonial: "Reliable, efficient, and always willing to go the extra mile. Great work.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-showing-miniature-house_23-2148242997.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Jessica Wright",
|
|
||||||
handle: "Corporate Consultant",
|
|
||||||
testimonial: "Professional excellence in every aspect. Best cleaning crew I’ve worked with.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-man-cleaning-mirror-bathroom_329181-20789.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
showRating={true}
|
|
||||||
title="Trusted by Industry Leaders"
|
|
||||||
description="Hear what our long-term partners say about our professionalism and high-standard service."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="packages" data-section="packages">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<PricingCardOne
|
<TestimonialCardFifteen
|
||||||
animationType="slide-up"
|
testimonial="CLSF Technical Services has completely transformed our facility's maintenance standards. Their precision and reliability are unmatched."
|
||||||
textboxLayout="split"
|
author="Jonathan V., Facilities Director"
|
||||||
useInvertedBackground={false}
|
rating={5}
|
||||||
plans={[
|
ratingAnimation="slide-up"
|
||||||
{
|
avatarsAnimation="slide-up"
|
||||||
id: "basic",
|
avatars={[{ src: "http://img.b2bpic.net/free-photo/happy-smiling-businessman_23-2148858177.jpg", alt: "Jonathan V" }]}
|
||||||
badge: "Essential",
|
/>
|
||||||
price: "Custom",
|
</div>
|
||||||
subtitle: "Perfect for small offices",
|
|
||||||
features: [
|
|
||||||
"Standard sanitization",
|
|
||||||
"Surface dusting",
|
|
||||||
"Floor maintenance",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "pro",
|
|
||||||
badge: "Pro",
|
|
||||||
price: "Custom",
|
|
||||||
subtitle: "Best for mid-sized business",
|
|
||||||
features: [
|
|
||||||
"Advanced deep cleaning",
|
|
||||||
"Window cleaning",
|
|
||||||
"Technical facility checks",
|
|
||||||
"Daily updates",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "enterprise",
|
|
||||||
badge: "Elite",
|
|
||||||
price: "Custom",
|
|
||||||
subtitle: "Comprehensive maintenance",
|
|
||||||
features: [
|
|
||||||
"Full facility technical care",
|
|
||||||
"24/7 priority support",
|
|
||||||
"Customized sanitization protocols",
|
|
||||||
"Reporting & analytics",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Transparent Service Packages"
|
|
||||||
description="Tailored cleaning plans designed to fit the scale and complexity of your requirements."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="footer" data-section="footer">
|
||||||
<FaqSplitText
|
<FooterBase
|
||||||
useInvertedBackground={false}
|
logoText="CLSF Technical Services"
|
||||||
faqs={[
|
columns={[
|
||||||
{
|
{ title: "Services", items: [{ label: "Cleaning", href: "#" }, { label: "Maintenance", href: "#" }] },
|
||||||
id: "q1",
|
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] }
|
||||||
title: "Do you serve residential clients?",
|
]}
|
||||||
content: "Yes, we specialize in high-end residential estates requiring precision maintenance.",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
id: "q2",
|
|
||||||
title: "Are your cleaning agents eco-friendly?",
|
|
||||||
content: "Absolutely. We prioritize sustainable and non-toxic high-performance cleaning agents.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q3",
|
|
||||||
title: "How do we get a custom quote?",
|
|
||||||
content: "Simply contact our team, and we will arrange a facility assessment before providing a detailed proposal.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
sideTitle="Frequently Asked Questions"
|
|
||||||
sideDescription="Need clarity? We’ve compiled answers to common questions about our technical services."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
|
||||||
<ContactSplit
|
|
||||||
useInvertedBackground={false}
|
|
||||||
background={{
|
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
tag="Contact Us"
|
|
||||||
title="Book Your Service"
|
|
||||||
description="Ready to experience professional technical cleaning services? Get in touch with our team today."
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826281.jpg"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
buttonText="Inquire Now"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
|
||||||
<FooterBase
|
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
title: "Services",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Technical Cleaning",
|
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Facility Maintenance",
|
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Premium Packages",
|
|
||||||
href: "#packages",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Company",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "About Us",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Careers",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Contact",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Get a Quote",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Help Center",
|
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoText="CLSF Technical Services"
|
|
||||||
copyrightText="© 2025 | CLSF Technical Services L.L.C"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user