Merge version_1 into main #1
312
src/app/page.tsx
312
src/app/page.tsx
@@ -32,138 +32,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="AgencyElite"
|
||||
button={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elevating Brands Through Digital Excellence"
|
||||
description="We craft high-performance social media strategies that drive engagement, growth, and ROI for premium brands across the globe."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-office-prepared-summer-holiday_23-2148204442.jpg",
|
||||
imageAlt: "Luxury office desk social media agency",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-working-desk_23-2149636266.jpg",
|
||||
imageAlt: "Creative team collaboration agency",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283225.jpg",
|
||||
imageAlt: "Luxury office desk social media agency",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas-office_176420-1697.jpg",
|
||||
imageAlt: "Creative team collaboration agency",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-conference-room-within-corporation-designed-productivity_482257-124018.jpg",
|
||||
imageAlt: "Luxury office desk social media agency",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-office-prepared-summer-holiday_23-2148204442.jpg", imageAlt: "Luxury office desk social media agency" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-working-desk_23-2149636266.jpg", imageAlt: "Creative team collaboration agency" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283225.jpg", imageAlt: "Luxury office desk social media agency" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas-office_176420-1697.jpg", imageAlt: "Creative team collaboration agency" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-conference-room-within-corporation-designed-productivity_482257-124018.jpg", imageAlt: "Luxury office desk social media agency" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-desk_53876-46929.jpg",
|
||||
imageAlt: "Creative team collaboration agency",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-apartment-with-spacious-home-office-wooden-furniture_482257-126432.jpg",
|
||||
imageAlt: "Luxury office desk social media agency",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153847.jpg",
|
||||
imageAlt: "Creative team collaboration agency",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29668.jpg",
|
||||
imageAlt: "Luxury office desk social media agency",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-team-having-discussion-social-media-application_23-2147847542.jpg",
|
||||
imageAlt: "Creative team collaboration agency",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-desk_53876-46929.jpg", imageAlt: "Creative team collaboration agency" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-apartment-with-spacious-home-office-wooden-furniture_482257-126432.jpg", imageAlt: "Luxury office desk social media agency" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153847.jpg", imageAlt: "Creative team collaboration agency" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29668.jpg", imageAlt: "Luxury office desk social media agency" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/creative-team-having-discussion-social-media-application_23-2147847542.jpg", imageAlt: "Creative team collaboration agency" }
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
|
||||
alt: "Portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg",
|
||||
alt: "Portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-stylish-bearded-man-with-hairstyle-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20001.jpg",
|
||||
alt: "Portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg",
|
||||
alt: "Portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg",
|
||||
alt: "Portrait 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg", alt: "Portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg", alt: "Portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-stylish-bearded-man-with-hairstyle-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20001.jpg", alt: "Portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg", alt: "Portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg", alt: "Portrait 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ global brands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nt8wcs",
|
||||
alt: "Logo 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hotm7g",
|
||||
alt: "Logo 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/business-card_23-2148032748.jpg",
|
||||
alt: "Logo 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/chart-statistics-icon-left-side_187299-39620.jpg",
|
||||
alt: "Logo 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6vdg3h",
|
||||
alt: "Logo 5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -171,12 +77,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Beyond Likes, We Deliver Real Growth"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn Our Story", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,21 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Audience Intelligence",
|
||||
description: "Leveraging deep insights to reach your target demographics effectively.",
|
||||
},
|
||||
{
|
||||
icon: BarChart,
|
||||
title: "Performance Tracking",
|
||||
description: "Detailed reporting to optimize ROI and maximize impact daily.",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Visual Storytelling",
|
||||
description: "Stunning content that captivates and builds lasting brand loyalty.",
|
||||
},
|
||||
{ icon: Zap, title: "Audience Intelligence", description: "Leveraging deep insights to reach your target demographics effectively." },
|
||||
{ icon: BarChart, title: "Performance Tracking", description: "Detailed reporting to optimize ROI and maximize impact daily." },
|
||||
{ icon: Palette, title: "Visual Storytelling", description: "Stunning content that captivates and builds lasting brand loyalty." }
|
||||
]}
|
||||
title="Comprehensive Strategy"
|
||||
description="We leverage data, creative production, and platform-specific expertise to ensure your brand resonates where it matters most."
|
||||
@@ -209,30 +98,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150%",
|
||||
title: "Engagement Growth",
|
||||
description: "Average increase in audience interaction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/party-horn-tablet-with-tinsel_23-2147755234.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$5M+",
|
||||
title: "Campaign Revenue",
|
||||
description: "Client sales driven by our campaigns.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graphs_1098-486.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200k",
|
||||
title: "Audience Reach",
|
||||
description: "New organic followers gained per month.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-tablet-with-bar-graph_1134-472.jpg",
|
||||
},
|
||||
{ id: "m1", value: "150%", title: "Engagement Growth", description: "Average increase in audience interaction.", imageSrc: "http://img.b2bpic.net/free-photo/party-horn-tablet-with-tinsel_23-2147755234.jpg" },
|
||||
{ id: "m2", value: "$5M+", title: "Campaign Revenue", description: "Client sales driven by our campaigns.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graphs_1098-486.jpg" },
|
||||
{ id: "m3", value: "200k", title: "Audience Reach", description: "New organic followers gained per month.", imageSrc: "http://img.b2bpic.net/free-photo/people-tablet-with-bar-graph_1134-472.jpg" }
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Numbers speak louder than promises. We measure our success by your continued growth and market influence."
|
||||
@@ -243,13 +115,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"InnovateTech",
|
||||
"GrowthPartners",
|
||||
"GlobalScale",
|
||||
"FutureMedia",
|
||||
"PixelPerfect",
|
||||
]}
|
||||
names={["InnovateTech", "GrowthPartners", "GlobalScale", "FutureMedia", "PixelPerfect"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Partnering with ambitious brands to transform their digital presence."
|
||||
/>
|
||||
@@ -261,41 +127,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
role: "CMO",
|
||||
testimonial: "AgencyElite transformed our digital approach with unmatched strategic insight.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
role: "CEO",
|
||||
testimonial: "The ROI we've seen since partnering with them has been nothing short of spectacular.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Brand Manager",
|
||||
testimonial: "Professional, creative, and data-focused. A truly world-class team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Director",
|
||||
testimonial: "They captured our brand identity perfectly and scaled our presence instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
role: "VP Marketing",
|
||||
testimonial: "Exceptional team that delivers consistent, high-impact results every month.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-against-blur-backdrop_23-2148130407.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Chen", role: "CMO", testimonial: "AgencyElite transformed our digital approach with unmatched strategic insight.", imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg" },
|
||||
{ id: "t2", name: "Marcus Thorne", role: "CEO", testimonial: "The ROI we've seen since partnering with them has been nothing short of spectacular.", imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg" },
|
||||
{ id: "t3", name: "Emily Rodriguez", role: "Brand Manager", testimonial: "Professional, creative, and data-focused. A truly world-class team.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg" },
|
||||
{ id: "t4", name: "David Kim", role: "Director", testimonial: "They captured our brand identity perfectly and scaled our presence instantly.", imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg" },
|
||||
{ id: "t5", name: "Jessica Lee", role: "VP Marketing", testimonial: "Exceptional team that delivers consistent, high-impact results every month.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-against-blur-backdrop_23-2148130407.jpg" }
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why top-tier brands trust AgencyElite to scale their voice and maximize their digital reach."
|
||||
@@ -307,21 +143,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What industries do you specialize in?",
|
||||
content: "We specialize in premium consumer brands and innovative B2B platforms.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do you measure success?",
|
||||
content: "We use custom dashboards that align with your specific KPIs and business goals.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How quickly can we start?",
|
||||
content: "Our onboarding process is efficient and designed to get your strategy moving within a week.",
|
||||
},
|
||||
{ id: "q1", title: "What industries do you specialize in?", content: "We specialize in premium consumer brands and innovative B2B platforms." },
|
||||
{ id: "q2", title: "How do you measure success?", content: "We use custom dashboards that align with your specific KPIs and business goals." },
|
||||
{ id: "q3", title: "How quickly can we start?", content: "Our onboarding process is efficient and designed to get your strategy moving within a week." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to the most frequent questions from prospective brand partners."
|
||||
@@ -332,66 +156,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Ready to scale your digital presence? Let's discuss your brand's future."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Consultation",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book a Consultation", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }, { label: "Pricing", href: "#" }] },
|
||||
{ items: [{ label: "Testimonials", href: "#testimonials" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
logoText="AgencyElite"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user