bender/4b5f52b7-f6f4-4e42-bc6e-2aa7ba28d391
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-06 12:03:32 +00:00
parent 0708d94f9b
commit 8dc0def2b9
1 changed files with 128 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

194
src/app/page.tsx
View File

@@ -2,9 +2,8 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Zap, Shield, Star, Award } from 'lucide-react';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
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';
@@ -31,11 +30,16 @@ 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"
/>
@@ -46,20 +50,38 @@ export default function LandingPage() {
title="Elevating Brands Through Digital Excellence"
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: "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: "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" },
{
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: "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: "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"},
]}
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"
/>
@@ -71,9 +93,12 @@ 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"
@@ -86,10 +111,14 @@ 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."
@@ -102,16 +131,29 @@ 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."
@@ -125,16 +167,28 @@ export default function LandingPage() {
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: "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: "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: "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"
@@ -143,30 +197,29 @@ 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"
/>
</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>
@@ -175,23 +228,32 @@ export default function LandingPage() {
columns={[
{
title: "Agency", items: [
{ label: "About", href: "#about" },
{ label: "Services", href: "#features" },
{ label: "Careers", href: "#" },
{
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: "#" },
{
label: "Contact", href: "#contact"},
{
label: "FAQ", href: "#faq"},
{
label: "Terms", href: "#"},
],
},
{
title: "Socials", items: [
{ label: "LinkedIn", href: "#" },
{ label: "Instagram", href: "#" },
{ label: "Twitter", href: "#" },
{
label: "LinkedIn", href: "#"},
{
label: "Instagram", href: "#"},
{
label: "Twitter", href: "#"},
],
},
]}
@@ -202,4 +264,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}