Merge version_2 into main #3
361
src/app/page.tsx
361
src/app/page.tsx
@@ -2,8 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import { Zap, Shield, Star, Award } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
@@ -30,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "testimonial",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Results", id: "testimonial" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AuraSocial"
|
||||
/>
|
||||
@@ -61,69 +47,29 @@ export default function LandingPage() {
|
||||
description="We craft bespoke social strategies for industry leaders, merging data-driven precision with high-end creative storytelling."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "AuraSocial transformed our digital presence. ROI increased 400% in six months.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@smiller", testimonial: "AuraSocial transformed our digital presence. ROI increased 400% in six months.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg?_wi=1" },
|
||||
{
|
||||
name: "James Chen",
|
||||
handle: "@jchen",
|
||||
testimonial: "The gold standard of agencies. Strategic, creative, and results-oriented.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg?_wi=1",
|
||||
},
|
||||
name: "James Chen", handle: "@jchen", testimonial: "The gold standard of agencies. Strategic, creative, and results-oriented.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg?_wi=1" },
|
||||
{
|
||||
name: "Elena Ross",
|
||||
handle: "@eross",
|
||||
testimonial: "Unparalleled reach. They don't just post, they craft narratives.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27102.jpg?_wi=1",
|
||||
},
|
||||
name: "Elena Ross", handle: "@eross", testimonial: "Unparalleled reach. They don't just post, they craft narratives.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27102.jpg?_wi=1" },
|
||||
{
|
||||
name: "David Thorne",
|
||||
handle: "@dthorne",
|
||||
testimonial: "The precision they bring to social media is breathtaking.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg?_wi=1",
|
||||
},
|
||||
name: "David Thorne", handle: "@dthorne", testimonial: "The precision they bring to social media is breathtaking.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg?_wi=1" },
|
||||
{
|
||||
name: "Lisa Wang",
|
||||
handle: "@lwang",
|
||||
testimonial: "A true partner in growth. Our brand has never felt more alive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Strategy",
|
||||
href: "#contact",
|
||||
},
|
||||
name: "Lisa Wang", handle: "@lwang", testimonial: "A true partner in growth. Our brand has never felt more alive.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg?_wi=1" },
|
||||
]}
|
||||
buttons={[{ text: "Start Your Strategy", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/extreme-close-up-ferromagnetic-metal-golden-shades_23-2148253559.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg",
|
||||
alt: "Sarah Miller",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg",
|
||||
alt: "James Chen",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27102.jpg",
|
||||
alt: "Elena Ross",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
alt: "David Thorne",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg",
|
||||
alt: "Lisa Wang",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg", alt: "Sarah Miller" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg", alt: "James Chen" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27102.jpg", alt: "Elena Ross" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "David Thorne" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg", alt: "Lisa Wang" },
|
||||
]}
|
||||
avatarText="Trusted by 50+ industry leaders"
|
||||
/>
|
||||
@@ -135,18 +81,9 @@ export default function LandingPage() {
|
||||
title="Crafting Stories, Driving Results"
|
||||
description="We specialize in scaling elite brands through sophisticated creative, strategic platform management, and relentless analytical optimization."
|
||||
metrics={[
|
||||
{
|
||||
value: "150M+",
|
||||
title: "Organic Impressions",
|
||||
},
|
||||
{
|
||||
value: "450%",
|
||||
title: "Avg. Engagement Uplift",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Global Partners",
|
||||
},
|
||||
{ value: "150M+", title: "Organic Impressions" },
|
||||
{ value: "450%", title: "Avg. Engagement Uplift" },
|
||||
{ value: "50+", title: "Global Partners" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-living-room-design-illuminated-night-generated-by-ai_188544-17028.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -159,34 +96,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bespoke Creative",
|
||||
description: "High-fidelity motion design and visual content tailored to your brand identity.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-ferromagnetic-metal-golden-shades_23-2148253559.jpg?_wi=2",
|
||||
imageAlt: "elegant dark background golden lights",
|
||||
},
|
||||
{
|
||||
title: "Strategic Growth",
|
||||
description: "Hyper-focused growth strategies that convert audiences into loyal communities.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg?_wi=2",
|
||||
imageAlt: "professional ceo portrait dark background",
|
||||
},
|
||||
{
|
||||
title: "Data Analytics",
|
||||
description: "Real-time, actionable insights that drive every creative decision we make.",
|
||||
buttonIcon: "Star",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg?_wi=2",
|
||||
imageAlt: "stylish creative director portrait",
|
||||
},
|
||||
{
|
||||
title: "Influencer Relations",
|
||||
description: "Premium partnership sourcing and management with top-tier industry creators.",
|
||||
buttonIcon: "Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27102.jpg?_wi=2",
|
||||
imageAlt: "professional startup founder working",
|
||||
},
|
||||
{ title: "Bespoke Creative", description: "High-fidelity motion design and visual content tailored to your brand identity.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-ferromagnetic-metal-golden-shades_23-2148253559.jpg?_wi=2", imageAlt: "elegant dark background golden lights" },
|
||||
{ title: "Strategic Growth", description: "Hyper-focused growth strategies that convert audiences into loyal communities.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg?_wi=2", imageAlt: "professional ceo portrait dark background" },
|
||||
{ title: "Data Analytics", description: "Real-time, actionable insights that drive every creative decision we make.", buttonIcon: Star, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg?_wi=2", imageAlt: "stylish creative director portrait" },
|
||||
{ title: "Influencer Relations", description: "Premium partnership sourcing and management with top-tier industry creators.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27102.jpg?_wi=2", imageAlt: "professional startup founder working" },
|
||||
]}
|
||||
title="Our Strategic Arsenal"
|
||||
description="Premium services designed to place your brand at the forefront of digital culture."
|
||||
@@ -199,60 +112,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "Creative",
|
||||
company: "DesignLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Ross",
|
||||
role: "Founder",
|
||||
company: "Startup Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27102.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Thorne",
|
||||
role: "Marketing",
|
||||
company: "BrandCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
role: "Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg?_wi=3" },
|
||||
{ id: "2", name: "James Chen", role: "Creative", company: "DesignLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg?_wi=3" },
|
||||
{ id: "3", name: "Elena Ross", role: "Founder", company: "Startup Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-night-office_1303-27102.jpg?_wi=3" },
|
||||
{ id: "4", name: "David Thorne", role: "Marketing", company: "BrandCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg?_wi=2" },
|
||||
{ id: "5", name: "Lisa Wang", role: "Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg?_wi=2" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "3x",
|
||||
label: "Conversion Rate",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Client Retention",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Successful Campaigns",
|
||||
},
|
||||
{ value: "3x", label: "Conversion Rate" },
|
||||
{ value: "95%", label: "Client Retention" },
|
||||
{ value: "100+", label: "Successful Campaigns" },
|
||||
]}
|
||||
title="Measured Excellence"
|
||||
description="Don't just take our word for it—our results define our reputation."
|
||||
@@ -265,54 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "growth",
|
||||
badge: "Core Growth",
|
||||
price: "$12,000/mo",
|
||||
subtitle: "For emerging ambitious brands",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Growth",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full Content Suite",
|
||||
"Daily Posting",
|
||||
"Performance Analytics",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "scale",
|
||||
badge: "Market Scale",
|
||||
price: "$25,000/mo",
|
||||
subtitle: "For brands demanding high-impact scale",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Scale",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Everything in Growth",
|
||||
"Full Influencer Mgmt",
|
||||
"Weekly Strategy Sessions",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Elite Domination",
|
||||
price: "$50,000/mo",
|
||||
subtitle: "The premium end-to-end partnership",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Elite",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Everything in Scale",
|
||||
"Priority Creative Access",
|
||||
"Dedicated Agency Lead",
|
||||
],
|
||||
},
|
||||
{ id: "growth", badge: "Core Growth", price: "$12,000/mo", subtitle: "For emerging ambitious brands", buttons: [{ text: "Select Growth" }], features: ["Full Content Suite", "Daily Posting", "Performance Analytics"] },
|
||||
{ id: "scale", badge: "Market Scale", price: "$25,000/mo", subtitle: "For brands demanding high-impact scale", buttons: [{ text: "Select Scale" }], features: ["Everything in Growth", "Full Influencer Mgmt", "Weekly Strategy Sessions"] },
|
||||
{ id: "elite", badge: "Elite Domination", price: "$50,000/mo", subtitle: "The premium end-to-end partnership", buttons: [{ text: "Select Elite" }], features: ["Everything in Scale", "Priority Creative Access", "Dedicated Agency Lead"] },
|
||||
]}
|
||||
title="Exclusive Agency Partnerships"
|
||||
description="Choose a tier tailored to your scale and ambition."
|
||||
@@ -320,105 +144,34 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<FaqSplitText
|
||||
sideTitle="Questions, Answered"
|
||||
sideDescription="Insights into our process, our philosophy, and our partnerships."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do we measure success?",
|
||||
content: "We define success through custom-tailored metrics, prioritizing ROI, brand awareness, and community growth.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is our creative process?",
|
||||
content: "Our creative process is deeply collaborative, research-backed, and optimized for platform-specific engagement.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can you handle short-form video?",
|
||||
content: "Absolutely. Our motion team specializes in high-retention video content for TikTok, Reels, and YouTube.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you work with global brands?",
|
||||
content: "Yes, we work with premium global brands across a diverse range of high-growth industries.",
|
||||
},
|
||||
{ id: "1", title: "How do we measure success?", content: "We define success through custom-tailored metrics, prioritizing ROI, brand awareness, and community growth." },
|
||||
{ id: "2", title: "What is our creative process?", content: "Our creative process is deeply collaborative, research-backed, and optimized for platform-specific engagement." },
|
||||
{ id: "3", title: "Can you handle short-form video?", content: "Absolutely. Our motion team specializes in high-retention video content for TikTok, Reels, and YouTube." },
|
||||
{ id: "4", title: "Do you work with global brands?", content: "Yes, we work with premium global brands across a diverse range of high-growth industries." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797699.jpg"
|
||||
title="Questions, Answered"
|
||||
description="Insights into our process, our philosophy, and our partnerships."
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
<ContactText
|
||||
text="Ready to scale? Connect with our team to discuss your brand's future."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Let's Collaborate"
|
||||
title="Start Your Transformation"
|
||||
description="Ready to scale? Connect with our team to discuss your brand's future."
|
||||
inputPlaceholder="Enter your corporate email"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Agency", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Terms", href: "#" }] },
|
||||
{ title: "Socials", items: [{ label: "LinkedIn", href: "#" }, { label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 AuraSocial. All rights reserved."
|
||||
bottomRightText="Privacy Policy"
|
||||
@@ -427,4 +180,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user