Merge version_2 into main #3
188
src/app/page.tsx
188
src/app/page.tsx
@@ -12,7 +12,8 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { BarChart, Camera, TrendingUp } from "lucide-react";
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import { BarChart, Camera, TrendingUp, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,18 +33,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Social Proof", id: "socialProof" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AgencyElite"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -52,162 +49,55 @@ export default function LandingPage() {
|
||||
title="Scaling Brands Through Premium Strategy"
|
||||
description="We craft sophisticated social media ecosystems that convert, engage, and elevate your brand to the top 1%."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services", href: "#features"},
|
||||
{
|
||||
text: "Let's Talk", href: "#contact"},
|
||||
{ text: "Explore Services", href: "#services" },
|
||||
{ text: "Let's Talk", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/conceptual-3d-render-credit-debit-cards-futuristic-platform_187299-47941.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg", alt: "Executive Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "Executive Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg", alt: "Executive Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", alt: "Executive Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg", alt: "Executive Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ professionals"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="AgencyElite by Design"
|
||||
description={[
|
||||
"Founded on the principles of precision and innovation, we redefine the agency landscape.", "Our approach blends deep data analytics with bold creative storytelling to ensure your brand resonates.", "We are not just a service provider; we are your strategic partner in growth."]}
|
||||
"Founded on the principles of precision and innovation, we redefine the agency landscape.", "Our approach blends deep data analytics with bold creative storytelling to ensure your brand resonates.", "We are not just a service provider; we are your strategic partner in growth."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
title="Premium Creative Solutions"
|
||||
description="We combine aesthetic excellence with data-backed performance."
|
||||
tag="Social Media Agency"
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Growth Analytics", description: "Deep-dive data insights that turn every click into a measurable business outcome.", icon: BarChart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-concept-with-futuristic-element_23-2151910928.jpg", imageAlt: "modern social media dashboard analytics"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908071.jpg", imageAlt: "modern social media dashboard analytics"
|
||||
},
|
||||
]
|
||||
id: "s1", title: "Strategy Development", description: "Custom roadmaps for high-growth digital dominance.", tag: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg"
|
||||
},
|
||||
{
|
||||
title: "Creative Content", description: "High-fidelity content production that defines the aesthetic of your market niche.", icon: Camera,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-near-eyeglasses-notepad-headphones-floor_23-2148040540.jpg", imageAlt: "modern social media dashboard analytics"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internet-radio-show-host-talking-microphone-while-checking-subject-list-laptop-popular-social-media-content-creator-speaking-audience-while-sitting-modern-studio_482257-47383.jpg", imageAlt: "modern social media dashboard analytics"
|
||||
},
|
||||
]
|
||||
id: "s2", title: "Content Production", description: "High-fidelity visual assets that command attention.", tag: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg"
|
||||
},
|
||||
{
|
||||
title: "Strategic Scaling", description: "Customized growth strategies that scale your presence across all major channels.", icon: TrendingUp,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/infographic-template-design_1262-2517.jpg", imageAlt: "modern social media dashboard analytics"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg", imageAlt: "modern social media dashboard analytics"
|
||||
},
|
||||
]
|
||||
},
|
||||
id: "s3", title: "Community Management", description: "Driving organic engagement and brand loyalty.", tag: "Community", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"
|
||||
}
|
||||
]}
|
||||
title="Core Service Pillars"
|
||||
description="Premium solutions designed for the most demanding digital environments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "150%", description: "Avg. Growth Rate"},
|
||||
{
|
||||
id: "m2", value: "2.4B", description: "Impressions Delivered"},
|
||||
{
|
||||
id: "m3", value: "85+", description: "Brands Scaled"},
|
||||
]}
|
||||
title="Measured Results"
|
||||
description="Data-driven performance across all portfolios."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InnovateTech", "LuxLiving", "GlobalVentures", "UrbanPulse", "GreenHorizon", "PrimeFinance", "FutureVision"]}
|
||||
title="Trusted By Industry Leaders"
|
||||
description="Collaborating with elite global brands."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "James Sterling", handle: "@jsterling", testimonial: "AgencyElite transformed our digital presence. Absolute professionals.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg"},
|
||||
{
|
||||
id: "t2", name: "Elena Vance", handle: "@elena_v", testimonial: "Incredible creative direction. They truly understand high-end branding.", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg"},
|
||||
{
|
||||
id: "t3", name: "Marcus Thorne", handle: "@mthorne", testimonial: "The analytical depth they bring to the table is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-woman-red-uniform-cap-wearing-glasses-with-clipboard-with-blank-pages-pencil-looking-down-with-serious-face-thinking-standing-green-wall_141793-60948.jpg"},
|
||||
{
|
||||
id: "t4", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Strategic excellence and creative brilliance. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/office-administrator-discusses-transactional-details-with-financial-broker_482257-123292.jpg"},
|
||||
{
|
||||
id: "t5", name: "David Wu", handle: "@dwu", testimonial: "My business scaled 3x in six months. Simply extraordinary results.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why top brands choose our agency."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "What makes your agency premium?", content: "Our blend of high-end creative and precise data analytics ensures performance at the top tier."},
|
||||
{
|
||||
id: "q2", title: "Do you work with startups?", content: "We focus on brands ready for elite-level growth, regardless of age."},
|
||||
{
|
||||
id: "q3", title: "How do we measure success?", content: "We define success through concrete business KPIs, growth metrics, and brand resonance."},
|
||||
]}
|
||||
title="Agency Insights"
|
||||
description="Frequently asked questions from our partners."
|
||||
faqsAnimation="slide-up"
|
||||
names={["InnovateTech", "LuxLiving", "GlobalVentures", "UrbanPulse", "GreenHorizon"]}
|
||||
title="Industry Leaders We Empower"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to redefine your digital presence? Let's discuss your next phase."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us", href: "mailto:hello@agencyelite.com"},
|
||||
{ text: "Contact Us", href: "mailto:hello@agencyelite.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -215,30 +105,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "AgencyElite", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "AgencyElite", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 AgencyElite Inc."
|
||||
bottomRightText="All rights reserved."
|
||||
@@ -247,4 +115,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user