Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
207
src/app/page.tsx
207
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#results",
|
||||
},
|
||||
name: "Results", id: "#results"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="ELITE SOCIAL"
|
||||
/>
|
||||
@@ -53,51 +45,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="We Scale Digital Presence."
|
||||
description="Premium social media management and growth strategy for brands that demand global attention."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Results",
|
||||
href: "#results",
|
||||
},
|
||||
text: "View Our Results", href: "#results"},
|
||||
{
|
||||
text: "Request Strategy",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Strategy", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-near-boxes-social-application-icons-table_23-2147841352.jpg",
|
||||
imageAlt: "Strategy Session",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/laptop-near-boxes-social-application-icons-table_23-2147841352.jpg", imageAlt: "Strategy Session"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169851.jpg",
|
||||
imageAlt: "Data Flow",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169851.jpg", imageAlt: "Data Flow"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-holding-smartphone-with-horizontal-green-screen-business-office-young-adult-working-with-blank-chroma-key-isolated-template-with-mockup-background-mobile-phone-display_482257-40952.jpg",
|
||||
imageAlt: "Engagement Metrics",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-holding-smartphone-with-horizontal-green-screen-business-office-young-adult-working-with-blank-chroma-key-isolated-template-with-mockup-background-mobile-phone-display_482257-40952.jpg", imageAlt: "Engagement Metrics"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-designers-team-working-project_114579-2815.jpg",
|
||||
imageAlt: "Team Collaboration",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/creative-designers-team-working-project_114579-2815.jpg", imageAlt: "Team Collaboration"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13087.jpg",
|
||||
imageAlt: "Brand Identity",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-black-table_171337-13087.jpg", imageAlt: "Brand Identity"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-flowing-cyber-particles_1048-20439.jpg",
|
||||
imageAlt: "Rapid Growth",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-flowing-cyber-particles_1048-20439.jpg", imageAlt: "Rapid Growth"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,9 +76,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Beyond Social Media."
|
||||
description={[
|
||||
"We merge data-driven insights with world-class creative to craft digital identities that resonate.",
|
||||
"Our team specialized in scaling premium brands through strategic storytelling and audience precision.",
|
||||
]}
|
||||
"We merge data-driven insights with world-class creative to craft digital identities that resonate.", "Our team specialized in scaling premium brands through strategic storytelling and audience precision."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -120,34 +87,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Strategy",
|
||||
title: "Social Strategy",
|
||||
items: [
|
||||
"Audience profiling",
|
||||
"Competitive intelligence",
|
||||
"Channel mapping",
|
||||
],
|
||||
id: "1", label: "Strategy", title: "Social Strategy", items: [
|
||||
"Audience profiling", "Competitive intelligence", "Channel mapping"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Content",
|
||||
title: "Content Creation",
|
||||
items: [
|
||||
"Video production",
|
||||
"Motion design",
|
||||
"Brand photography",
|
||||
],
|
||||
id: "2", label: "Content", title: "Content Creation", items: [
|
||||
"Video production", "Motion design", "Brand photography"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Growth",
|
||||
title: "Performance Marketing",
|
||||
items: [
|
||||
"Ad management",
|
||||
"Conversion tracking",
|
||||
"A/B testing",
|
||||
],
|
||||
id: "3", label: "Growth", title: "Performance Marketing", items: [
|
||||
"Ad management", "Conversion tracking", "A/B testing"],
|
||||
},
|
||||
]}
|
||||
title="Core Expertise."
|
||||
@@ -162,26 +111,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "450%",
|
||||
title: "Engagement Growth",
|
||||
description: "Average improvement in community interaction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finance-economic-progress-analysis-concept_53876-124375.jpg",
|
||||
},
|
||||
id: "1", value: "450%", title: "Engagement Growth", description: "Average improvement in community interaction.", imageSrc: "http://img.b2bpic.net/free-photo/finance-economic-progress-analysis-concept_53876-124375.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "2.1M",
|
||||
title: "Monthly Reach",
|
||||
description: "Targeted audience exposure across all channels.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finance-economic-progress-analysis-concept_53876-124375.jpg",
|
||||
},
|
||||
id: "2", value: "2.1M", title: "Monthly Reach", description: "Targeted audience exposure across all channels.", imageSrc: "http://img.b2bpic.net/free-photo/finance-economic-progress-analysis-concept_53876-124375.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "3x",
|
||||
title: "Conversion Rate",
|
||||
description: "Average increase in sales through social ads.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finance-economic-progress-analysis-concept_53876-124375.jpg",
|
||||
},
|
||||
id: "3", value: "3x", title: "Conversion Rate", description: "Average increase in sales through social ads.", imageSrc: "http://img.b2bpic.net/free-photo/finance-economic-progress-analysis-concept_53876-124375.jpg"},
|
||||
]}
|
||||
title="The Results."
|
||||
description="Data doesn't lie. Here's our impact on partner brands."
|
||||
@@ -195,59 +129,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
role: "CEO",
|
||||
company: "TechScale",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
|
||||
},
|
||||
id: "1", name: "Alice Johnson", role: "CEO", company: "TechScale", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Miller",
|
||||
role: "CMO",
|
||||
company: "GrowthLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Miller", role: "CMO", company: "GrowthLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Davis",
|
||||
role: "Brand Lead",
|
||||
company: "Elegance",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah Davis", role: "Brand Lead", company: "Elegance", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jason Lee",
|
||||
role: "Creative Director",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
},
|
||||
id: "4", name: "Jason Lee", role: "Creative Director", company: "Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily White",
|
||||
role: "Head of Marketing",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-unknown-man-posing-yellow-light_23-2149417613.jpg",
|
||||
},
|
||||
id: "5", name: "Emily White", role: "Head of Marketing", company: "Innovate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-unknown-man-posing-yellow-light_23-2149417613.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Retention",
|
||||
},
|
||||
value: "98%", label: "Retention"},
|
||||
{
|
||||
value: "5+",
|
||||
label: "Years Active",
|
||||
},
|
||||
value: "5+", label: "Years Active"},
|
||||
{
|
||||
value: "120+",
|
||||
label: "Projects",
|
||||
},
|
||||
value: "120+", label: "Projects"},
|
||||
]}
|
||||
title="Client Partners."
|
||||
description="We are proud to partner with industry-leading brands."
|
||||
@@ -258,8 +161,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
tag="Get In Touch"
|
||||
title="Start Your Growth."
|
||||
description="Ready to scale your digital footprint? Let's discuss your next phase."
|
||||
@@ -273,42 +175,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Strategy",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Strategy", href: "#services"},
|
||||
{
|
||||
label: "Content",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Content", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -318,4 +205,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #000000;
|
||||
--card: #0c0c0c;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #106EFB;
|
||||
--background: #f5f4f0;
|
||||
--card: #ffffff;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #2c2c2c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #000000;
|
||||
--secondary-cta: #f5f4f0;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #535353;
|
||||
--background-accent: #106EFB;
|
||||
--accent: #8a8a8a;
|
||||
--background-accent: #e8e6e1;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user