Update src/app/page.tsx
This commit is contained in:
228
src/app/page.tsx
228
src/app/page.tsx
@@ -10,7 +10,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
|||||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||||
import TextAbout from '@/components/sections/about/TextAbout';
|
import TextAbout from '@/components/sections/about/TextAbout';
|
||||||
import { Sparkles } from "lucide-react";
|
import { Sparkles, Zap, Camera, TrendingUp, Users, BarChart } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "About", id: "#about" },
|
||||||
name: "About",
|
{ name: "Services", id: "#features" },
|
||||||
id: "#about",
|
{ name: "Testimonials", id: "#testimonials" },
|
||||||
},
|
{ name: "Contact", id: "#contact" },
|
||||||
{
|
|
||||||
name: "Services",
|
|
||||||
id: "#features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Testimonials",
|
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="AgencyX"
|
brandName="AgencyX"
|
||||||
/>
|
/>
|
||||||
@@ -53,33 +41,13 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDualMedia
|
<HeroSplitDualMedia
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
title="Scale Your Presence with AgencyX"
|
title="Scale Your Presence with AgencyX"
|
||||||
description="We craft high-performance social media strategies that turn audiences into loyal customers for world-class brands."
|
description="We craft high-performance social media strategies that turn audiences into loyal customers for world-class brands."
|
||||||
tag="Trusted by 100+ Brands"
|
tag="Trusted by 100+ Brands"
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/glasses-cactus-office_23-2147669337.jpg", imageAlt: "Creative agency workspace professional" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-cactus-office_23-2147669337.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg", imageAlt: "Social media data analytics visualization" }
|
||||||
imageAlt: "Creative agency workspace professional",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg",
|
|
||||||
imageAlt: "Social media data analytics visualization",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-cityscape_23-2148164870.jpg",
|
|
||||||
imageAlt: "Blurred cityscape",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-conference-table_1203-391.jpg",
|
|
||||||
imageAlt: "Blurred conference table",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop-restaurant_1203-8739.jpg",
|
|
||||||
imageAlt: "Abstract blur coffee shop and restaurant",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
rating={5}
|
rating={5}
|
||||||
@@ -93,12 +61,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
tag="About Us"
|
tag="About Us"
|
||||||
title="We turn social media into your strongest asset for long-term growth."
|
title="We turn social media into your strongest asset for long-term growth."
|
||||||
buttons={[
|
buttons={[{ text: "Learn More", href: "#contact" }]}
|
||||||
{
|
|
||||||
text: "Learn More",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -107,36 +70,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Social Strategy", description: "Data-driven roadmaps to achieve your core business objectives.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-dashboard-statistic-evolution-template_23-2148284171.jpg", buttonIcon: Zap },
|
||||||
title: "Social Strategy",
|
{ title: "Content Creation", description: "High-quality, platform-native content that captures immediate attention.", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-taking-break-from-work-watch-videos-green-screen-smartphone_482257-121766.jpg", buttonIcon: Camera },
|
||||||
description: "Data-driven roadmaps to achieve your core business objectives.",
|
{ title: "Brand Growth", description: "Systematic audience acquisition through targeted advertising and community engagement.", imageSrc: "http://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571066.jpg", buttonIcon: TrendingUp },
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-dashboard-statistic-evolution-template_23-2148284171.jpg",
|
{ title: "Influencer Outreach", description: "Authentic partnerships that amplify your brand credibility.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150170690.jpg", buttonIcon: Users },
|
||||||
buttonIcon: "Zap",
|
{ title: "Analytics Tracking", description: "Precision tracking to measure every milestone of your growth.", imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1777.jpg", buttonIcon: BarChart }
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Content Creation",
|
|
||||||
description: "High-quality, platform-native content that captures immediate attention.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-taking-break-from-work-watch-videos-green-screen-smartphone_482257-121766.jpg",
|
|
||||||
buttonIcon: "Camera",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Brand Growth",
|
|
||||||
description: "Systematic audience acquisition through targeted advertising and community engagement.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571066.jpg",
|
|
||||||
buttonIcon: "TrendingUp",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Influencer Outreach",
|
|
||||||
description: "Authentic partnerships that amplify your brand credibility.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150170690.jpg",
|
|
||||||
buttonIcon: "Users",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Analytics Tracking",
|
|
||||||
description: "Precision tracking to measure every milestone of your growth.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1777.jpg",
|
|
||||||
buttonIcon: "BarChart",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Services That Scale"
|
title="Services That Scale"
|
||||||
description="Comprehensive solutions designed to elevate your brand voice and maximize ROI across every social channel."
|
description="Comprehensive solutions designed to elevate your brand voice and maximize ROI across every social channel."
|
||||||
@@ -147,42 +85,13 @@ export default function LandingPage() {
|
|||||||
<TestimonialCardTwo
|
<TestimonialCardTwo
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
animationType="blur-reveal"
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Sarah J.", role: "Marketing Director", testimonial: "AgencyX transformed our presence, doubling our engagement in just six months.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Mark D.", role: "CEO", testimonial: "Their data-driven approach is unmatched in the industry. Results have been exceptional.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg" },
|
||||||
name: "Sarah J.",
|
{ id: "3", name: "Emily C.", role: "Brand Manager", testimonial: "A team of true professionals who genuinely care about our long-term growth.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg" },
|
||||||
role: "Marketing Director",
|
{ id: "4", name: "David W.", role: "Product Lead", testimonial: "The content strategy provided by the team is consistently brilliant and effective.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-entrepreneur-standing-looking-camera-crossing-arms-smiling_482257-5018.jpg" },
|
||||||
testimonial: "AgencyX transformed our presence, doubling our engagement in just six months.",
|
{ id: "5", name: "Jessica R.", role: "Head of Growth", testimonial: "I cannot imagine a better partner for our social media roadmap and execution.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4753.jpg" }
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Mark D.",
|
|
||||||
role: "CEO",
|
|
||||||
testimonial: "Their data-driven approach is unmatched in the industry. Results have been exceptional.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Emily C.",
|
|
||||||
role: "Brand Manager",
|
|
||||||
testimonial: "A team of true professionals who genuinely care about our long-term growth.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "David W.",
|
|
||||||
role: "Product Lead",
|
|
||||||
testimonial: "The content strategy provided by the team is consistently brilliant and effective.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-entrepreneur-standing-looking-camera-crossing-arms-smiling_482257-5018.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Jessica R.",
|
|
||||||
role: "Head of Growth",
|
|
||||||
testimonial: "I cannot imagine a better partner for our social media roadmap and execution.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4753.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Partners Who Succeed"
|
title="Partners Who Succeed"
|
||||||
description="See why top global brands trust our agency to define their social impact."
|
description="See why top global brands trust our agency to define their social impact."
|
||||||
@@ -193,60 +102,11 @@ export default function LandingPage() {
|
|||||||
<PricingCardTwo
|
<PricingCardTwo
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
animationType="blur-reveal"
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{ id: "starter", badge: "Essential", price: "$2,500/mo", subtitle: "Perfect for new brands", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Monthly Content Calendar", "Basic Analytics", "Community Moderation"] },
|
||||||
id: "starter",
|
{ id: "pro", badge: "Growth", price: "$5,000/mo", subtitle: "For fast-scaling brands", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Full Content Production", "Targeted Ad Management", "Weekly Reporting", "Influencer Strategy"] },
|
||||||
badge: "Essential",
|
{ id: "enterprise", badge: "Custom", price: "Custom", subtitle: "For global enterprises", buttons: [{ text: "Contact Us", href: "#contact" }], features: ["Dedicated Account Manager", "Advanced Data Strategy", "Platform Expansion", "Premium Support"] }
|
||||||
price: "$2,500/mo",
|
|
||||||
subtitle: "Perfect for new brands",
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: "Get Started",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
features: [
|
|
||||||
"Monthly Content Calendar",
|
|
||||||
"Basic Analytics",
|
|
||||||
"Community Moderation",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "pro",
|
|
||||||
badge: "Growth",
|
|
||||||
price: "$5,000/mo",
|
|
||||||
subtitle: "For fast-scaling brands",
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: "Get Started",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
features: [
|
|
||||||
"Full Content Production",
|
|
||||||
"Targeted Ad Management",
|
|
||||||
"Weekly Reporting",
|
|
||||||
"Influencer Strategy",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "enterprise",
|
|
||||||
badge: "Custom",
|
|
||||||
price: "Custom",
|
|
||||||
subtitle: "For global enterprises",
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: "Contact Us",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
features: [
|
|
||||||
"Dedicated Account Manager",
|
|
||||||
"Advanced Data Strategy",
|
|
||||||
"Platform Expansion",
|
|
||||||
"Premium Support",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Flexible Packages"
|
title="Flexible Packages"
|
||||||
description="Choose a plan designed to fit your unique business requirements and growth goals."
|
description="Choose a plan designed to fit your unique business requirements and growth goals."
|
||||||
@@ -256,9 +116,7 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
tag="Get in Touch"
|
tag="Get in Touch"
|
||||||
title="Let's Start Your Campaign"
|
title="Let's Start Your Campaign"
|
||||||
description="Contact our experts today for a consultation on how to dominate your industry's social landscape."
|
description="Contact our experts today for a consultation on how to dominate your industry's social landscape."
|
||||||
@@ -270,40 +128,8 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
|
||||||
title: "Company",
|
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Services",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Resources",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Blog",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms of Service",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="AgencyX"
|
logoText="AgencyX"
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user