Merge version_1 into main #1
214
src/app/page.tsx
214
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Aura Social"
|
||||
/>
|
||||
@@ -55,15 +47,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Elevating Digital Identity to Art."
|
||||
description="Aura Social is a premium agency dedicated to crafting high-impact digital narratives for luxury brands. We define the intersection of data, creativity, and influence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Consultation", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-young-woman-checking-her-phone_23-2148452656.jpg"
|
||||
imageAlt="Sophisticated creative workspace"
|
||||
@@ -72,38 +61,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150%",
|
||||
title: "Avg. Engagement Uplift",
|
||||
items: [
|
||||
"Audience growth",
|
||||
"Strategic positioning",
|
||||
"Trend analysis",
|
||||
],
|
||||
id: "m1", value: "150%", title: "Avg. Engagement Uplift", items: [
|
||||
"Audience growth", "Strategic positioning", "Trend analysis"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40+",
|
||||
title: "Luxury Brands Served",
|
||||
items: [
|
||||
"Global reach",
|
||||
"Boutique focus",
|
||||
"Full-stack campaigns",
|
||||
],
|
||||
id: "m2", value: "40+", title: "Luxury Brands Served", items: [
|
||||
"Global reach", "Boutique focus", "Full-stack campaigns"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5M+",
|
||||
title: "Impressions Managed",
|
||||
items: [
|
||||
"High conversion",
|
||||
"Organic growth",
|
||||
"Influencer synergy",
|
||||
],
|
||||
id: "m3", value: "5M+", title: "Impressions Managed", items: [
|
||||
"High conversion", "Organic growth", "Influencer synergy"],
|
||||
},
|
||||
]}
|
||||
title="Data-Driven Excellence."
|
||||
@@ -119,20 +91,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Creative Strategy",
|
||||
description: "Storytelling that transforms brands into industry icons.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-technology-color-banner-business-thin_1417-614.jpg",
|
||||
},
|
||||
title: "Creative Strategy", description: "Storytelling that transforms brands into industry icons.", imageSrc: "http://img.b2bpic.net/free-photo/yellow-technology-color-banner-business-thin_1417-614.jpg"},
|
||||
{
|
||||
title: "Presence Optimization",
|
||||
description: "Precision content aimed at maximizing social influence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strategy-technique-tactic-word-concept_53876-133628.jpg",
|
||||
},
|
||||
title: "Presence Optimization", description: "Precision content aimed at maximizing social influence.", imageSrc: "http://img.b2bpic.net/free-photo/strategy-technique-tactic-word-concept_53876-133628.jpg"},
|
||||
{
|
||||
title: "Performance Analytics",
|
||||
description: "Deep-dive data interpretation for future-proof growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
|
||||
},
|
||||
title: "Performance Analytics", description: "Deep-dive data interpretation for future-proof growth.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"},
|
||||
]}
|
||||
title="Crafting Digital Distinction."
|
||||
description="We blend artistic precision with technical acumen to define your presence."
|
||||
@@ -147,41 +110,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Brand Identity Design",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/brochure-template-hotel-accommodation_23-2150273028.jpg",
|
||||
},
|
||||
id: "p1", name: "Brand Identity Design", price: "Custom", imageSrc: "http://img.b2bpic.net/free-vector/brochure-template-hotel-accommodation_23-2150273028.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Content Editorial Suite",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/templates-black-covers-business-reports_87202-1304.jpg",
|
||||
},
|
||||
id: "p2", name: "Content Editorial Suite", price: "Custom", imageSrc: "http://img.b2bpic.net/free-vector/templates-black-covers-business-reports_87202-1304.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Media Asset Toolkit",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-group-businesswomen-high-powered-meeting_482257-123612.jpg",
|
||||
},
|
||||
id: "p3", name: "Media Asset Toolkit", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/multicultural-group-businesswomen-high-powered-meeting_482257-123612.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Performance Report",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",
|
||||
},
|
||||
id: "p4", name: "Performance Report", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Campaign Strategy Map",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-ideas-identity-product-develop-design_53876-167129.jpg",
|
||||
},
|
||||
id: "p5", name: "Campaign Strategy Map", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/creative-ideas-identity-product-develop-design_53876-167129.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Trend Forecast Analysis",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-gadget-device-notebook-blank-space-concept_53876-14432.jpg",
|
||||
},
|
||||
id: "p6", name: "Trend Forecast Analysis", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/laptop-gadget-device-notebook-blank-space-concept_53876-14432.jpg"},
|
||||
]}
|
||||
title="A Curated Portfolio of Impact."
|
||||
description="Strategic solutions designed for brands that refuse to compromise."
|
||||
@@ -195,40 +134,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Vance",
|
||||
handle: "@evance",
|
||||
testimonial: "Aura Social redefined our brand narrative with unparalleled elegance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena Vance", handle: "@evance", testimonial: "Aura Social redefined our brand narrative with unparalleled elegance.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Julian Thorne",
|
||||
handle: "@jthorne",
|
||||
testimonial: "Data-driven results wrapped in beautiful creative strategy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
id: "t2", name: "Julian Thorne", handle: "@jthorne", testimonial: "Data-driven results wrapped in beautiful creative strategy.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Professional, insightful, and consistently ahead of trends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Miller", handle: "@smiller", testimonial: "Professional, insightful, and consistently ahead of trends.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus R.",
|
||||
handle: "@mrcs_r",
|
||||
testimonial: "The gold standard for luxury social media management.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ethnic-young-woman-writing-clipboard_23-2148180633.jpg",
|
||||
},
|
||||
id: "t4", name: "Marcus R.", handle: "@mrcs_r", testimonial: "The gold standard for luxury social media management.", imageSrc: "http://img.b2bpic.net/free-photo/ethnic-young-woman-writing-clipboard_23-2148180633.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe Dupont",
|
||||
handle: "@cdupont",
|
||||
testimonial: "Unmatched sophistication in every campaign we've launched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg",
|
||||
},
|
||||
id: "t5", name: "Chloe Dupont", handle: "@cdupont", testimonial: "Unmatched sophistication in every campaign we've launched.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg"},
|
||||
]}
|
||||
title="Voices of Distinction."
|
||||
description="The result of our commitment to creative excellence."
|
||||
@@ -242,54 +156,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "Custom",
|
||||
name: "Essential Aura",
|
||||
buttons: [
|
||||
id: "basic", price: "Custom", name: "Essential Aura", buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Inquire", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Brand Audit",
|
||||
"Monthly Content Calendar",
|
||||
"Basic Analytics",
|
||||
],
|
||||
"Brand Audit", "Monthly Content Calendar", "Basic Analytics"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "Custom",
|
||||
name: "Premium Influence",
|
||||
buttons: [
|
||||
id: "pro", price: "Custom", name: "Premium Influence", buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Inquire", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full Strategy",
|
||||
"Content Production",
|
||||
"Daily Engagement",
|
||||
"Deep Analytics",
|
||||
],
|
||||
"Full Strategy", "Content Production", "Daily Engagement", "Deep Analytics"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
price: "Custom",
|
||||
name: "Iconic Presence",
|
||||
buttons: [
|
||||
id: "elite", price: "Custom", name: "Iconic Presence", buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Inquire", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Global Campaigning",
|
||||
"Dedicated Management",
|
||||
"Influencer Syndication",
|
||||
"24/7 Support",
|
||||
],
|
||||
"Global Campaigning", "Dedicated Management", "Influencer Syndication", "24/7 Support"],
|
||||
},
|
||||
]}
|
||||
title="Bespoke Engagements."
|
||||
@@ -303,20 +191,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you define brand identity?",
|
||||
content: "We look at the intersection of your heritage and your future market aspiration.",
|
||||
},
|
||||
id: "q1", title: "How do you define brand identity?", content: "We look at the intersection of your heritage and your future market aspiration."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you work with global brands?",
|
||||
content: "Yes, our strategy framework is optimized for multi-market presence.",
|
||||
},
|
||||
id: "q2", title: "Do you work with global brands?", content: "Yes, our strategy framework is optimized for multi-market presence."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What metrics do you emphasize?",
|
||||
content: "Conversion, brand affinity, and sentiment velocity are our top KPIs.",
|
||||
},
|
||||
id: "q3", title: "What metrics do you emphasize?", content: "Conversion, brand affinity, and sentiment velocity are our top KPIs."},
|
||||
]}
|
||||
title="Common Inquiries."
|
||||
description="Questions regarding our bespoke methodology and engagement model."
|
||||
@@ -328,14 +207,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to redefine your presence? Start the conversation with our agency leads today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Our Team",
|
||||
href: "mailto:hello@aurasocial.com",
|
||||
},
|
||||
text: "Email Our Team", href: "mailto:hello@aurasocial.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -344,13 +220,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Aura Social"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user