Merge version_1 into main #1
391
src/app/page.tsx
391
src/app/page.tsx
@@ -28,290 +28,129 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="ELITE"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ELITE"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Elevate Your Experience"
|
||||
description="Premium service. Unmatched quality. Built for those who expect more."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020303.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ elite clients"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Elevate Your Experience"
|
||||
description="Premium service. Unmatched quality. Built for those who expect more."
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }, { text: "Book Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020303.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ elite clients"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"⭐ 5-Star Rated",
|
||||
"✔ Trusted by 500+ Clients",
|
||||
"✔ Fast Delivery",
|
||||
"✔ Reliable Support",
|
||||
"✔ Professional Excellence",
|
||||
]}
|
||||
title="Credibility"
|
||||
description="Why we are the industry standard."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["⭐ 5-Star Rated", "✔ Trusted by 500+ Clients", "✔ Fast Delivery", "✔ Reliable Support", "✔ Professional Excellence"]}
|
||||
title="Credibility"
|
||||
description="Why we are the industry standard."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Bespoke Solutions",
|
||||
description: "Tailored strategies designed for your specific business requirements.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Elite Security",
|
||||
description: "Unrivaled protection and reliability for your most sensitive data.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Rapid Execution",
|
||||
description: "Lightning-fast deployment without compromising on luxury quality standards.",
|
||||
},
|
||||
]}
|
||||
title="Our Premium Services"
|
||||
description="Excellence in every detail."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Sparkles, title: "Bespoke Solutions", description: "Tailored strategies designed for your specific business requirements." },
|
||||
{ icon: Shield, title: "Elite Security", description: "Unrivaled protection and reliability for your most sensitive data." },
|
||||
{ icon: Zap, title: "Rapid Execution", description: "Lightning-fast deployment without compromising on luxury quality standards." },
|
||||
]}
|
||||
title="Our Premium Services"
|
||||
description="Excellence in every detail."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Clients Choose Us"
|
||||
description="We don't just provide services; we provide an elite experience defined by precision."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Global Clients",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Concierge Support",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797668.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Clients Choose Us"
|
||||
description="We don't just provide services; we provide an elite experience defined by precision."
|
||||
metrics={[{ value: "100%", title: "Satisfaction" }, { value: "500+", title: "Global Clients" }, { value: "24/7", title: "Concierge Support" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797668.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Executive Suite",
|
||||
price: "Premium",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-tea-table-vintage-style-room_53876-145030.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Corporate Identity",
|
||||
price: "Elite",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mystery-box-with-gifts-concept_23-2150063184.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Private Collection",
|
||||
price: "Exclusive",
|
||||
variant: "Elite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Modern Interior",
|
||||
price: "Bespoke",
|
||||
variant: "Elite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-home-with-healthy-plants_23-2149383711.jpg",
|
||||
},
|
||||
]}
|
||||
title="Visual Showcase"
|
||||
description="A glimpse into our premium results."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Executive Suite", price: "Premium", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/hot-tea-table-vintage-style-room_53876-145030.jpg" },
|
||||
{ id: "2", name: "Corporate Identity", price: "Elite", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/mystery-box-with-gifts-concept_23-2150063184.jpg" },
|
||||
{ id: "3", name: "Private Collection", price: "Exclusive", variant: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg" },
|
||||
{ id: "4", name: "Modern Interior", price: "Bespoke", variant: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-home-with-healthy-plants_23-2149383711.jpg" },
|
||||
]}
|
||||
title="Visual Showcase"
|
||||
description="A glimpse into our premium results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
company: "Global Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael D.",
|
||||
role: "Director",
|
||||
company: "Venture",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Founder",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James L.",
|
||||
role: "VP",
|
||||
company: "Capital",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marcus A.",
|
||||
role: "Architect",
|
||||
company: "Design",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Reviews",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Retention",
|
||||
},
|
||||
]}
|
||||
title="Client Experiences"
|
||||
description="What those who expect more say about us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "CEO", company: "Global Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
|
||||
{ id: "2", name: "Michael D.", role: "Director", company: "Venture", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Founder", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg" },
|
||||
{ id: "4", name: "James L.", role: "VP", company: "Capital", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg" },
|
||||
{ id: "5", name: "Marcus A.", role: "Architect", company: "Design", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg" },
|
||||
]}
|
||||
kpiItems={[{ value: "5.0", label: "Avg Rating" }, { value: "500+", label: "Reviews" }, { value: "100%", label: "Retention" }]}
|
||||
title="Client Experiences"
|
||||
description="What those who expect more say about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Limited Bookings"
|
||||
title="Ready to Get Started?"
|
||||
description="Experience the difference of true premium service. Same-day availability for select packages."
|
||||
buttonText="Book Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Limited Bookings"
|
||||
title="Ready to Get Started?"
|
||||
description="Experience the difference of true premium service. Same-day availability for select packages."
|
||||
buttonText="Book Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="ELITE"
|
||||
columns={[
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Info",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Elite Services. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="ELITE"
|
||||
columns={[
|
||||
{ title: "Connect", items: [{ label: "Contact Info", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Elite Services. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user