Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-17 22:56:38 +00:00

View File

@@ -29,431 +29,174 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="AgencyElite"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="AgencyElite"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Scaling Brands in the Digital Era"
description="We craft elite social media strategies that turn engagement into measurable growth for premium brands."
testimonials={[
{
name: "Sarah J.",
handle: "@sarahj",
testimonial: "Transformed our digital presence overnight.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/abstract-fire-style-background_1017-3291.jpg?_wi=1",
imageAlt: "digital agency background dark mode",
},
{
name: "Mike D.",
handle: "@miked",
testimonial: "The best agency in the industry.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg?_wi=1",
imageAlt: "digital agency background dark mode",
},
{
name: "Alex R.",
handle: "@alexr",
testimonial: "Results exceeded all expectations.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113650.jpg?_wi=1",
imageAlt: "digital agency background dark mode",
},
{
name: "Elena V.",
handle: "@elenav",
testimonial: "Incredible creative and analytical team.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371898.jpg?_wi=1",
imageAlt: "digital agency background dark mode",
},
{
name: "Chris B.",
handle: "@chrisb",
testimonial: "Real growth, not just vanity metrics.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-mulatto-male-model-black-hat-indoor-photo-cheerful-young-man-with-brown-skin_197531-21943.jpg?_wi=1",
imageAlt: "digital agency background dark mode",
},
]}
buttons={[
{
text: "Get Started",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-fire-style-background_1017-3291.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/confident-businessman-glasses-looking-camera-cross-arms-chest-standing-white-backgroun_1258-113177.jpg",
alt: "Confident businessman",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",
alt: "Side view smiley modern female",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-copy-space_23-2149636314.jpg",
alt: "Front view smiley woman",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-111768.jpg",
alt: "Skeptical bearded man",
},
{
src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
alt: "Happy smiling man",
},
]}
marqueeItems={[
{
type: "text",
text: "Data-Driven",
},
{
type: "text",
text: "High ROI",
},
{
type: "text",
text: "Brand Authority",
},
{
type: "text",
text: "Global Scale",
},
{
type: "text",
text: "Viral Content",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Scaling Brands in the Digital Era"
description="We craft elite social media strategies that turn engagement into measurable growth for premium brands."
testimonials={[
{ name: "Sarah J.", handle: "@sarahj", testimonial: "Transformed our digital presence overnight.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-fire-style-background_1017-3291.jpg", imageAlt: "digital agency background dark mode" },
{ name: "Mike D.", handle: "@miked", testimonial: "The best agency in the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg", imageAlt: "digital agency background dark mode" },
{ name: "Alex R.", handle: "@alexr", testimonial: "Results exceeded all expectations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113650.jpg", imageAlt: "digital agency background dark mode" },
{ name: "Elena V.", handle: "@elenav", testimonial: "Incredible creative and analytical team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371898.jpg", imageAlt: "digital agency background dark mode" },
{ name: "Chris B.", handle: "@chrisb", testimonial: "Real growth, not just vanity metrics.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-mulatto-male-model-black-hat-indoor-photo-cheerful-young-man-with-brown-skin_197531-21943.jpg", imageAlt: "digital agency background dark mode" },
]}
buttons={[{ text: "Get Started", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-fire-style-background_1017-3291.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/confident-businessman-glasses-looking-camera-cross-arms-chest-standing-white-backgroun_1258-113177.jpg", alt: "Confident businessman" },
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg", alt: "Side view smiley modern female" },
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-copy-space_23-2149636314.jpg", alt: "Front view smiley woman" },
{ src: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-111768.jpg", alt: "Skeptical bearded man" },
{ src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg", alt: "Happy smiling man" },
]}
marqueeItems={[
{ type: "text", text: "Data-Driven" },
{ type: "text", text: "High ROI" },
{ type: "text", text: "Brand Authority" },
{ type: "text", text: "Global Scale" },
{ type: "text", text: "Viral Content" },
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Redefining Agency Excellence"
buttons={[
{
text: "Learn More",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Redefining Agency Excellence"
buttons={[{ text: "Learn More" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Social Strategy",
description: "Holistic planning for brand authority.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617406.jpg",
},
items: [
{
icon: CheckCircle,
text: "Platform Optimization",
},
{
icon: CheckCircle,
text: "Audience Analysis",
},
{
icon: CheckCircle,
text: "Content Roadmap",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/abstract-fire-style-background_1017-3291.jpg?_wi=3",
imageAlt: "digital agency background dark mode",
},
{
title: "Creative Production",
description: "Stunning visuals that command attention.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-flowing-cyber-particles_1048-12206.jpg",
},
items: [
{
icon: CheckCircle,
text: "High-Res Photography",
},
{
icon: CheckCircle,
text: "Viral Video Ads",
},
{
icon: CheckCircle,
text: "Brand Assets",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg?_wi=2",
imageAlt: "digital agency background dark mode",
},
{
title: "Performance Marketing",
description: "Data-driven advertising campaigns.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/reflection-from-laptop-glasses-dark-background_169016-63214.jpg",
},
items: [
{
icon: CheckCircle,
text: "Paid Media Management",
},
{
icon: CheckCircle,
text: "A/B Testing",
},
{
icon: CheckCircle,
text: "ROI Tracking",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113650.jpg?_wi=2",
imageAlt: "digital agency background dark mode",
},
]}
title="Core Agency Services"
description="Custom strategies tailored for high-growth digital platforms."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Social Strategy", description: "Holistic planning for brand authority.", media: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617406.jpg" },
items: [
{ icon: CheckCircle, text: "Platform Optimization" },
{ icon: CheckCircle, text: "Audience Analysis" },
{ icon: CheckCircle, text: "Content Roadmap" },
],
reverse: false
},
{
title: "Creative Production", description: "Stunning visuals that command attention.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-flowing-cyber-particles_1048-12206.jpg" },
items: [
{ icon: CheckCircle, text: "High-Res Photography" },
{ icon: CheckCircle, text: "Viral Video Ads" },
{ icon: CheckCircle, text: "Brand Assets" },
],
reverse: true
},
{
title: "Performance Marketing", description: "Data-driven advertising campaigns.", media: { imageSrc: "http://img.b2bpic.net/free-photo/reflection-from-laptop-glasses-dark-background_169016-63214.jpg" },
items: [
{ icon: CheckCircle, text: "Paid Media Management" },
{ icon: CheckCircle, text: "A/B Testing" },
{ icon: CheckCircle, text: "ROI Tracking" },
],
reverse: false
},
]}
title="Core Agency Services"
description="Custom strategies tailored for high-growth digital platforms."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500+",
title: "Client Campaigns",
items: [
"Successfully managed",
"Industry leading",
"High satisfaction",
],
},
{
id: "m2",
value: "200%",
title: "Avg. Growth",
items: [
"Year over year",
"Data verified",
"Proven results",
],
},
{
id: "m3",
value: "1.2M",
title: "Engagement Total",
items: [
"Across channels",
"Real audience",
"True interaction",
],
},
]}
title="Measurable Impact"
description="Numbers speak louder than promises."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "500+", title: "Client Campaigns", items: ["Successfully managed", "Industry leading", "High satisfaction"] },
{ id: "m2", value: "200%", title: "Avg. Growth", items: ["Year over year", "Data verified", "Proven results"] },
{ id: "m3", value: "1.2M", title: "Engagement Total", items: ["Across channels", "Real audience", "True interaction"] },
]}
title="Measurable Impact"
description="Numbers speak louder than promises."
/>
</div>
<div id="socialproof" data-section="socialproof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Apex",
"Nebula",
"Zenith",
"Flux",
"Core",
"Orbit",
"Prime",
]}
title="Trusted by Leaders"
description="Collaborating with visionaries globally."
/>
</div>
<div id="socialproof" data-section="socialproof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Apex", "Nebula", "Zenith", "Flux", "Core", "Orbit", "Prime"]}
title="Trusted by Leaders"
description="Collaborating with visionaries globally."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
role: "CEO",
company: "Apex",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113650.jpg?_wi=3",
},
{
id: "t2",
name: "Mike D.",
role: "CTO",
company: "Nebula",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371898.jpg?_wi=2",
},
{
id: "t3",
name: "Alex R.",
role: "Founder",
company: "Zenith",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-mulatto-male-model-black-hat-indoor-photo-cheerful-young-man-with-brown-skin_197531-21943.jpg?_wi=2",
},
{
id: "t4",
name: "Elena V.",
role: "Manager",
company: "Flux",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17120.jpg",
},
{
id: "t5",
name: "Chris B.",
role: "Director",
company: "Core",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-with-tablet_23-2149457730.jpg",
},
]}
title="Partner Insights"
description="What our clients think of our work."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah J.", role: "CEO", company: "Apex", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113650.jpg" },
{ id: "t2", name: "Mike D.", role: "CTO", company: "Nebula", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371898.jpg" },
{ id: "t3", name: "Alex R.", role: "Founder", company: "Zenith", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-mulatto-male-model-black-hat-indoor-photo-cheerful-young-man-with-brown-skin_197531-21943.jpg" },
{ id: "t4", name: "Elena V.", role: "Manager", company: "Flux", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17120.jpg" },
{ id: "t5", name: "Chris B.", role: "Director", company: "Core", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-with-tablet_23-2149457730.jpg" },
]}
title="Partner Insights"
description="What our clients think of our work."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How do we start?",
content: "Book a discovery call with our team.",
},
{
id: "q2",
title: "What platforms?",
content: "We support all major social platforms.",
},
{
id: "q3",
title: "Custom pricing?",
content: "Yes, we tailor quotes to your scale.",
},
]}
sideTitle="Questions"
sideDescription="Everything you need to know about our services."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "How do we start?", content: "Book a discovery call with our team." },
{ id: "q2", title: "What platforms?", content: "We support all major social platforms." },
{ id: "q3", title: "Custom pricing?", content: "Yes, we tailor quotes to your scale." },
]}
sideTitle="Questions"
sideDescription="Everything you need to know about our services."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="Ready to launch your campaign? Let's talk strategy."
buttons={[
{
text: "Contact Us",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
text="Ready to launch your campaign? Let's talk strategy."
buttons={[{ text: "Contact Us" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="AgencyElite"
columns={[
{
title: "Services",
items: [
{
label: "Social Strategy",
href: "#features",
},
{
label: "Creative",
href: "#features",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="AgencyElite"
columns={[
{ title: "Services", items: [{ label: "Social Strategy", href: "#features" }, { label: "Creative", href: "#features" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}