Merge version_1 into main #2
312
src/app/page.tsx
312
src/app/page.tsx
@@ -18,225 +18,117 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elite Services"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elite Services"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
logoText="Excellence Refined"
|
||||
description="Premium service solutions tailored to your unique requirements. Experience unparalleled professionalism and results."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
layoutOrder="default"
|
||||
imageSrc="https://pixabay.com/get/g2a38b61b3123d4ee26da31956a032f62b9f3b44bb3936bb21a326f59202e9e75f7e390b6327a2516e96f2f79c11c8f7ac88acc44f76f2518fa875b7294482601_1280.jpg"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
logoText="Excellence Refined"
|
||||
description="Premium service solutions tailored to your unique requirements. Experience unparalleled professionalism and results."
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
layoutOrder="default"
|
||||
imageSrc="https://pixabay.com/get/g2a38b61b3123d4ee26da31956a032f62b9f3b44bb3936bb21a326f59202e9e75f7e390b6327a2516e96f2f79c11c8f7ac88acc44f76f2518fa875b7294482601_1280.jpg"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Strategy",
|
||||
description: "High-level planning for optimal results.",
|
||||
imageSrc: "https://pixabay.com/get/g4b9e3cd1844403f7799d29b2184d08c45a567dc37f74fe0350138aa1a0e52e405a5cf6bbe735718e5b440e0ce70f69bcd54e1ff2715cc8eeb24ebcc04c6df5af_1280.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Execution",
|
||||
description: "Flawless delivery of complex requirements.",
|
||||
imageSrc: "https://pixabay.com/get/g4b9e3cd1844403f7799d29b2184d08c45a567dc37f74fe0350138aa1a0e52e405a5cf6bbe735718e5b440e0ce70f69bcd54e1ff2715cc8eeb24ebcc04c6df5af_1280.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Support",
|
||||
description: "Always-on service for your convenience.",
|
||||
imageSrc: "https://pixabay.com/get/g4b9e3cd1844403f7799d29b2184d08c45a567dc37f74fe0350138aa1a0e52e405a5cf6bbe735718e5b440e0ce70f69bcd54e1ff2715cc8eeb24ebcc04c6df5af_1280.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Analytics",
|
||||
description: "Data-driven insights to maximize impact.",
|
||||
imageSrc: "https://pixabay.com/get/g4b9e3cd1844403f7799d29b2184d08c45a567dc37f74fe0350138aa1a0e52e405a5cf6bbe735718e5b440e0ce70f69bcd54e1ff2715cc8eeb24ebcc04c6df5af_1280.jpg?_wi=4",
|
||||
},
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Bespoke services delivered with precision and care."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "s1", title: "Strategy", description: "High-level planning for optimal results.", imageSrc: "https://pixabay.com/get/g4b9e3cd1844403f7799d29b2184d08c45a567dc37f74fe0350138aa1a0e52e405a5cf6bbe735718e5b440e0ce70f69bcd54e1ff2715cc8eeb24ebcc04c6df5af_1280.jpg" },
|
||||
{ id: "s2", title: "Execution", description: "Flawless delivery of complex requirements.", imageSrc: "https://pixabay.com/get/g4b9e3cd1844403f7799d29b2184d08c45a567dc37f74fe0350138aa1a0e52e405a5cf6bbe735718e5b440e0ce70f69bcd54e1ff2715cc8eeb24ebcc04c6df5af_1280.jpg" },
|
||||
{ id: "s3", title: "Support", description: "Always-on service for your convenience.", imageSrc: "https://pixabay.com/get/g4b9e3cd1844403f7799d29b2184d08c45a567dc37f74fe0350138aa1a0e52e405a5cf6bbe735718e5b440e0ce70f69bcd54e1ff2715cc8eeb24ebcc04c6df5af_1280.jpg" },
|
||||
{ id: "s4", title: "Analytics", description: "Data-driven insights to maximize impact.", imageSrc: "https://pixabay.com/get/g4b9e3cd1844403f7799d29b2184d08c45a567dc37f74fe0350138aa1a0e52e405a5cf6bbe735718e5b440e0ce70f69bcd54e1ff2715cc8eeb24ebcc04c6df5af_1280.jpg" },
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Bespoke services delivered with precision and care."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why" data-section="why">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Industry Leaders",
|
||||
value: "15+ Yrs",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Shield,
|
||||
title: "Verified Quality",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Zap,
|
||||
title: "Rapid Response",
|
||||
value: "<2 HR",
|
||||
},
|
||||
]}
|
||||
title="Why Elite Services"
|
||||
description="Your trusted partner in professional excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="why" data-section="why">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: Award, title: "Industry Leaders", value: "15+ Yrs" },
|
||||
{ id: "m2", icon: Shield, title: "Verified Quality", value: "100%" },
|
||||
{ id: "m3", icon: Zap, title: "Rapid Response", value: "<2 HR" },
|
||||
]}
|
||||
title="Why Elite Services"
|
||||
description="Your trusted partner in professional excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alexandra V.",
|
||||
role: "CEO",
|
||||
testimonial: "Exceptional professionalism. Truly redefined what I expected from service delivery.",
|
||||
imageSrc: "https://pixabay.com/get/g1957da108084272668ffbfb9a1ea8830aa0ebe292b872d8aecc936ed40f6c8b334f634fb4fdfe6df1c599e4e1338541528765f38b6c86bc1b05d705b285ab37a_1280.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Director",
|
||||
testimonial: "Precision and reliability you just can't find elsewhere. Five stars.",
|
||||
imageSrc: "https://pixabay.com/get/g1957da108084272668ffbfb9a1ea8830aa0ebe292b872d8aecc936ed40f6c8b334f634fb4fdfe6df1c599e4e1338541528765f38b6c86bc1b05d705b285ab37a_1280.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
role: "Owner",
|
||||
testimonial: "They made the entire process seamless. Highly recommended for busy professionals.",
|
||||
imageSrc: "https://pixabay.com/get/g1957da108084272668ffbfb9a1ea8830aa0ebe292b872d8aecc936ed40f6c8b334f634fb4fdfe6df1c599e4e1338541528765f38b6c86bc1b05d705b285ab37a_1280.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian King",
|
||||
role: "Manager",
|
||||
testimonial: "Top-tier execution from start to finish. Exceptional value.",
|
||||
imageSrc: "https://pixabay.com/get/g1957da108084272668ffbfb9a1ea8830aa0ebe292b872d8aecc936ed40f6c8b334f634fb4fdfe6df1c599e4e1338541528765f38b6c86bc1b05d705b285ab37a_1280.jpg?_wi=4",
|
||||
},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Don't just take our word for it."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alexandra V.", role: "CEO", testimonial: "Exceptional professionalism. Truly redefined what I expected from service delivery.", imageSrc: "https://pixabay.com/get/g1957da108084272668ffbfb9a1ea8830aa0ebe292b872d8aecc936ed40f6c8b334f634fb4fdfe6df1c599e4e1338541528765f38b6c86bc1b05d705b285ab37a_1280.jpg" },
|
||||
{ id: "t2", name: "Marcus Thorne", role: "Director", testimonial: "Precision and reliability you just can't find elsewhere. Five stars.", imageSrc: "https://pixabay.com/get/g1957da108084272668ffbfb9a1ea8830aa0ebe292b872d8aecc936ed40f6c8b334f634fb4fdfe6df1c599e4e1338541528765f38b6c86bc1b05d705b285ab37a_1280.jpg" },
|
||||
{ id: "t3", name: "Elena Rossi", role: "Owner", testimonial: "They made the entire process seamless. Highly recommended for busy professionals.", imageSrc: "https://pixabay.com/get/g1957da108084272668ffbfb9a1ea8830aa0ebe292b872d8aecc936ed40f6c8b334f634fb4fdfe6df1c599e4e1338541528765f38b6c86bc1b05d705b285ab37a_1280.jpg" },
|
||||
{ id: "t4", name: "Julian King", role: "Manager", testimonial: "Top-tier execution from start to finish. Exceptional value.", imageSrc: "https://pixabay.com/get/g1957da108084272668ffbfb9a1ea8830aa0ebe292b872d8aecc936ed40f6c8b334f634fb4fdfe6df1c599e4e1338541528765f38b6c86bc1b05d705b285ab37a_1280.jpg" },
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Don't just take our word for it."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Professionalism at Its Core"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Professionalism at Its Core"
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Secure Your Consultation"
|
||||
description="Limited availability. Contact us today to discuss your requirements."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Get Started"
|
||||
title="Secure Your Consultation"
|
||||
description="Limited availability. Contact us today to discuss your requirements."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Elite Services. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Elite Services. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user