Merge version_1 into main #2
412
src/app/page.tsx
412
src/app/page.tsx
@@ -17,304 +17,138 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="IM Facility"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="IM Facility"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Expert Facility & Staffing Solutions"
|
||||
description="Your reliable partner for facility management, building cleaning, and professional staffing. Quality and excellence in every task."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-male-eyeglasses-with-tattoo-his-arm-sits-chair-using-tablet-pc_613910-12168.jpg"
|
||||
imageAlt="IM Facility Services Team"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-afro-american-woman-smiling_23-2148336914.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Facility Maintenance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Staffing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Deep Cleaning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Reliability",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Assurance",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Expert Facility & Staffing Solutions"
|
||||
description="Your reliable partner for facility management, building cleaning, and professional staffing. Quality and excellence in every task."
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-male-eyeglasses-with-tattoo-his-arm-sits-chair-using-tablet-pc_613910-12168.jpg"
|
||||
imageAlt="IM Facility Services Team"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-afro-american-woman-smiling_23-2148336914.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ professionals"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Facility Maintenance" },
|
||||
{ type: "text", text: "Professional Staffing" },
|
||||
{ type: "text", text: "Deep Cleaning" },
|
||||
{ type: "text", text: "24/7 Reliability" },
|
||||
{ type: "text", text: "Quality Assurance" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Professionalism & Reliability"
|
||||
description={[
|
||||
"We provide comprehensive facility services tailored to your needs.",
|
||||
"With years of experience, our team ensures your buildings and workspaces are maintained to the highest standards.",
|
||||
"Our staffing solutions provide the personnel you need for seamless operations.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Professionalism & Reliability"
|
||||
description={[
|
||||
"We provide comprehensive facility services tailored to your needs.", "With years of experience, our team ensures your buildings and workspaces are maintained to the highest standards.", "Our staffing solutions provide the personnel you need for seamless operations."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Building Maintenance",
|
||||
descriptions: [
|
||||
"Full-scope facility management and upkeep.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343051.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Professional Staffing",
|
||||
descriptions: [
|
||||
"Reliable personnel placement for your business.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/human-resources-flowchart_98292-1106.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Building Cleaning",
|
||||
descriptions: [
|
||||
"High-standard janitorial services.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-healthcare-covid-19-icon-set-element-vector_53876-166680.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Security Solutions",
|
||||
descriptions: [
|
||||
"Expert safety and security personnel.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343051.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Landscape Maintenance",
|
||||
descriptions: [
|
||||
"Keeping exterior grounds pristine.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-healthcare-covid-19-icon-set-element-vector_53876-166680.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive solutions for your facility and operational needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Building Maintenance", descriptions: ["Full-scope facility management and upkeep."], imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343051.jpg" },
|
||||
{ id: "f2", title: "Professional Staffing", descriptions: ["Reliable personnel placement for your business."], imageSrc: "http://img.b2bpic.net/free-vector/human-resources-flowchart_98292-1106.jpg" },
|
||||
{ id: "f3", title: "Building Cleaning", descriptions: ["High-standard janitorial services."], imageSrc: "http://img.b2bpic.net/free-vector/medical-healthcare-covid-19-icon-set-element-vector_53876-166680.jpg" },
|
||||
{ id: "f4", title: "Security Solutions", descriptions: ["Expert safety and security personnel."], imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343051.jpg" },
|
||||
{ id: "f5", title: "Landscape Maintenance", descriptions: ["Keeping exterior grounds pristine."], imageSrc: "http://img.b2bpic.net/free-vector/medical-healthcare-covid-19-icon-set-element-vector_53876-166680.jpg" }
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive solutions for your facility and operational needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Satisfied Clients",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Dedicated Support",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "98%",
|
||||
description: "Retention Rate",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "100+",
|
||||
description: "Active Staff",
|
||||
},
|
||||
]}
|
||||
title="Our Success"
|
||||
description="Demonstrating our quality and dedication."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", description: "Years Experience" },
|
||||
{ id: "m2", value: "500+", description: "Satisfied Clients" },
|
||||
{ id: "m3", value: "24/7", description: "Dedicated Support" },
|
||||
{ id: "m4", value: "98%", description: "Retention Rate" },
|
||||
{ id: "m5", value: "100+", description: "Active Staff" }
|
||||
]}
|
||||
title="Our Success"
|
||||
description="Demonstrating our quality and dedication."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
role: "Office Manager",
|
||||
company: "BusinessInc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-afro-american-woman-smiling_23-2148336914.jpg",
|
||||
},
|
||||
]}
|
||||
title="Customer Feedback"
|
||||
description="What our clients say about our services."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg" },
|
||||
{ id: "5", name: "Lisa Wang", role: "Office Manager", company: "BusinessInc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-afro-american-woman-smiling_23-2148336914.jpg" }
|
||||
]}
|
||||
title="Customer Feedback"
|
||||
description="What our clients say about our services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Start your partnership"
|
||||
description="Contact us today for a consultation or a quote."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-yellow-working-room-with-stair_105762-1996.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Start your partnership"
|
||||
description="Contact us today for a consultation or a quote."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-yellow-working-room-with-stair_105762-1996.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Imprint",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="IM Facility"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="IM Facility"
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "#home" }, { label: "Services", href: "#services" }, { label: "About", href: "#about" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Imprint", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user