bender/620353bc-3085-44e0-b67f-bf47498700f9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-19 07:26:32 +00:00
parent ec424709aa
commit b0a49c55b1
1 changed files with 50 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
src/app/page.tsx
View File

@@ -1,4 +1,4 @@
"use client"
"use client";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
@@ -11,7 +11,7 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { TrendingUp, Users, Heart, Zap } from 'lucide-react';
import { TrendingUp, Users, Heart, Zap, Instagram, Camera, BarChart3, MessageSquare } from 'lucide-react';
export default function LandingPage() {
return (
@@ -29,11 +29,11 @@ export default function LandingPage() {
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Amplify"
brandName="Fopo"
navItems={[
{ name: "Portfolio", id: "portfolio" },
{ name: "Services", id: "services" },
{ name: "Results", id: "results" },
{ name: "Results", id: "metrics" },
{ name: "FAQ", id: "faq" }
]}
button={{ text: "Get Started", href: "#contact" }}
@@ -42,8 +42,8 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Your Feed Your Story Amplified"
description="We craft scroll-stopping content and data-driven strategies that turn followers into loyal customers. See how brands like yours grew 3x faster."
title="Your Story Deserves to Be Seen"
description="We create scroll-stopping content and data-driven strategies that turn scrollers into customers. Join 150+ brands that grew 3x faster with Fopo."
tag="Social Media Agency"
tagAnimation="slide-up"
buttons={[
@@ -69,11 +69,11 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<AboutMetric
title="Proven Results That Speak for Themselves"
title="Results That Speak Louder Than Followers"
metrics={[
{ icon: TrendingUp, label: "Average Growth", value: "3x Faster" },
{ icon: Users, label: "Clients Served", value: "150+" },
{ icon: Heart, label: "Engagement Rate", value: "8.5%" },
{ icon: Users, label: "Brands Served", value: "150+" },
{ icon: Heart, label: "Avg Engagement", value: "8.5%" },
{ icon: Zap, label: "Conversion Lift", value: "42%" }
]}
metricsAnimation="slide-up"
@@ -83,29 +83,29 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardTwelve
title="Services Built for Growth"
description="From content strategy to community management, we handle every aspect of your social presence."
title="Services Built for Instagram Growth"
description="From strategy to community management, we handle every aspect of your social presence with Instagram-native expertise."
tag="Our Expertise"
tagAnimation="slide-up"
features={[
{
id: "content-strategy", label: "Content Strategy", title: "Strategic Planning", items: [
"Platform-specific content calendars", "Audience research & insights", "Competitive analysis", "Trend forecasting"
id: "content-strategy", label: "Strategy", title: "Feed Strategy", items: [
"Instagram algorithm optimization", "Aesthetic consistency planning", "Audience targeting", "Trending content calendar"
]
},
{
id: "content-creation", label: "Content Creation", title: "Visual Storytelling", items: [
"Photography & videography", "Graphic design & templates", "Short-form video editing", "Brand asset creation"
id: "content-creation", label: "Content", title: "Visual Storytelling", items: [
"Photography & videography", "Feed-optimized designs", "Reels & Stories editing", "Brand aesthetic creation"
]
},
{
id: "community-management", label: "Community Mgmt", title: "Engagement Focus", items: [
"Daily post scheduling", "Comment & DM responses", "Community building", "Crisis management"
id: "community-management", label: "Community", title: "Engagement Focus", items: [
"Daily post scheduling", "DM & comment management", "Community building", "Influencer partnerships"
]
},
{
id: "analytics-reporting", label: "Analytics", title: "Data-Driven Insights", items: [
"Monthly performance reports", "ROI tracking", "Audience analytics", "A/B testing results"
id: "analytics-reporting", label: "Analytics", title: "Data-Driven Results", items: [
"Monthly performance reports", "ROI tracking", "Follower demographics", "Content performance testing"
]
}
]}
@@ -117,22 +117,22 @@ export default function LandingPage() {
<div id="portfolio" data-section="portfolio">
<ProductCardTwo
title="Recent Portfolio Work"
description="Campaigns that captured attention and drove real business results for our clients."
title="Portfolio: Real Results from Real Brands"
description="Instagram campaigns that captured attention, built communities, and drove measurable business results."
tag="Case Studies"
tagAnimation="slide-up"
products={[
{
id: "case-1", brand: "Fashion Collective", name: "3x Follower Growth Campaign", price: "120K followers gained", rating: 5,
reviewCount: "Q2 2024", imageSrc: "http://img.b2bpic.net/free-vector/abstract-fashion-sale-instagram-post-set_23-2148316889.jpg", imageAlt: "ecommerce brand instagram feed aesthetic"
id: "case-1", brand: "Fashion Collective", name: "3x Follower Growth", price: "120K followers", rating: 5,
reviewCount: "Q2 2024", imageSrc: "http://img.b2bpic.net/free-vector/abstract-fashion-sale-instagram-post-set_23-2148316889.jpg", imageAlt: "fashion brand instagram feed aesthetic"
},
{
id: "case-2", brand: "Wellness Brand", name: "Community Engagement Strategy", price: "42% engagement increase", rating: 5,
reviewCount: "Q1 2024", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-planning-resources-arrangement_23-2150279496.jpg", imageAlt: "lifestyle brand instagram content aesthetic"
id: "case-2", brand: "Wellness Brand", name: "Community Engagement", price: "42% increase", rating: 5,
reviewCount: "Q1 2024", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-planning-resources-arrangement_23-2150279496.jpg", imageAlt: "lifestyle brand instagram content"
},
{
id: "case-3", brand: "Beauty E-commerce", name: "Conversion-Focused Campaign", price: "$280K in revenue", rating: 5,
reviewCount: "Q3 2024", imageSrc: "http://img.b2bpic.net/free-photo/cropped-front-end-developers-designing-mobile-application-interface_1098-20471.jpg", imageAlt: "beauty brand social media content feed"
id: "case-3", brand: "Beauty E-commerce", name: "Conversion Campaign", price: "$280K revenue", rating: 5,
reviewCount: "Q3 2024", imageSrc: "http://img.b2bpic.net/free-photo/cropped-front-end-developers-designing-mobile-application-interface_1098-20471.jpg", imageAlt: "beauty brand social media content"
}
]}
gridVariant="three-columns-all-equal-width"
@@ -144,25 +144,25 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="What Our Clients Say"
description="Real feedback from brands we've partnered with."
title="What Brands Say About Fopo"
description="Real feedback from businesses we've partnered with and grown."
tag="Client Stories"
tagAnimation="slide-up"
testimonials={[
{
id: "1", name: "Sarah Chen", handle: "@sarahchen_co", testimonial: "Amplify transformed our social presence. We went from 5K to 50K followers in 6 months while maintaining authentic engagement. Their strategy is unmatched.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15845.jpg", imageAlt: "professional woman headshot business portrait"
id: "1", name: "Sarah Chen", handle: "@sarahchen_co", testimonial: "Fopo transformed our Instagram presence. We went from 5K to 50K followers in 6 months while maintaining authentic engagement. Their strategy is unmatched.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15845.jpg", imageAlt: "professional woman headshot"
},
{
id: "2", name: "Marcus Williams", handle: "@marcus.retail", testimonial: "The team's content calendar and creative direction completely elevated our brand. Sales increased 35% after their first campaign launch.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", imageAlt: "professional man headshot business portrait"
id: "2", name: "Marcus Williams", handle: "@marcus.retail", testimonial: "Their content calendar and creative direction completely elevated our brand. Sales increased 35% after their first campaign. Highly recommend!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", imageAlt: "professional man headshot"
},
{
id: "3", name: "Emma Rodriguez", handle: "@emmabeauty.co", testimonial: "Finally an agency that understands both aesthetics and analytics. Every post is a masterclass in visual storytelling with measurable results.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-sitting-outside-cafe_1303-19462.jpg", imageAlt: "professional woman founder business portrait"
id: "3", name: "Emma Rodriguez", handle: "@emmabeauty.co", testimonial: "Finally an agency that understands both aesthetics and analytics. Every post is a masterclass in visual storytelling with measurable business results.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-sitting-outside-cafe_1303-19462.jpg", imageAlt: "professional woman founder headshot"
},
{
id: "4", name: "David Kim", handle: "@davidkimpro", testimonial: "We trusted Amplify with our complete social strategy and haven't looked back. Professional, responsive, and results-driven every single day.", rating: 5,
id: "4", name: "David Kim", handle: "@davidkimpro", testimonial: "We trusted Fopo with our complete social strategy and haven't looked back. Professional, responsive, and results-driven from day one.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg", imageAlt: "professional man entrepreneur headshot"
}
]}
@@ -176,7 +176,7 @@ export default function LandingPage() {
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Leading Brands"
description="We partner with ambitious e-commerce and lifestyle brands that demand excellence."
description="We partner with ambitious e-commerce and lifestyle brands that demand Instagram excellence and real growth."
names={[
"Fashion Collective", "Wellness Co", "Beauty Labs", "Retail Plus", "Lifestyle Group", "Commerce Hub", "Brand Studios"
]}
@@ -192,27 +192,27 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqDouble
title="Frequently Asked Questions"
description="Everything you need to know about working with Amplify."
description="Everything you need to know about working with Fopo."
tag="Get Answers"
tagAnimation="slide-up"
faqs={[
{
id: "1", title: "How quickly will we see results?", content: "Most clients see initial engagement improvements within 2-3 weeks. Growth becomes more pronounced around the 6-8 week mark. However, we focus on sustainable long-term growth rather than vanity metrics."
id: "1", title: "How quickly will we see Instagram growth?", content: "Most clients see engagement improvements within 2-3 weeks. Follower growth accelerates around week 6-8. We focus on sustainable, authentic growth rather than vanity metrics that don't convert."
},
{
id: "2", title: "What platforms do you manage?", content: "We specialize in Instagram, TikTok, Pinterest, and Facebook. We can also advise on YouTube and LinkedIn strategies. We recommend a platform-specific approach tailored to your audience."
id: "2", title: "Do you create the content yourself?", content: "Yes, we handle full content creation including photography, videography, graphic design, and copywriting optimized for Instagram. You can also provide content for us to edit and enhance. It's completely flexible."
},
{
id: "3", title: "Do you create the content?", content: "Yes, we handle full content creation including photography, videography, graphic design, and copywriting. You can also provide content for us to edit and optimize. It's fully customizable."
id: "3", title: "What Instagram features do you specialize in?", content: "We're experts in feed posts, Reels, Stories, Carousel posts, and Instagram Shopping. We optimize every format for maximum engagement and algorithm performance on the platform."
},
{
id: "4", title: "What's your pricing structure?", content: "We offer tiered packages starting at $2,500/month for management and strategy, with content creation available as add-ons. We also offer project-based rates for campaigns. Custom quotes available."
id: "4", title: "How do you measure Instagram success?", content: "We track follower growth, engagement rate (likes, comments, shares), reach, impressions, and most importantly, conversions and revenue impact. You get detailed monthly reports with actionable insights."
},
{
id: "5", title: "How do you measure success?", content: "We track follower growth, engagement rate, reach, impressions, click-through rates, and most importantly, conversions and revenue impact. You get a detailed monthly report with actionable insights."
id: "5", title: "What's your pricing for Instagram management?", content: "We offer tiered packages starting at $2,500/month for full management and strategy, with content creation available as add-ons. We also offer project-based rates for specific campaigns. Custom quotes available."
},
{
id: "6", title: "Can you work with my existing content?", content: "Absolutely. We can optimize and schedule your existing content, edit it for platform requirements, and create a cohesive visual strategy around what you have."
id: "6", title: "Can you work with my existing Instagram content?", content: "Absolutely. We can optimize and schedule your existing content, edit it for Instagram specs, and create a cohesive visual strategy. We also add new content creation to complement what you already have."
}
]}
faqsAnimation="slide-up"
@@ -224,13 +224,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
tag="Ready to Grow?"
title="Let's Amplify Your Brand"
description="Schedule a free strategy call with our team. We'll analyze your current presence and create a custom growth plan."
title="Let's Amplify Your Instagram Presence"
description="Schedule a free strategy call with our team. We'll audit your Instagram account and create a custom growth plan for your brand."
tagAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/people-working-together-project_23-2148816845.jpg"
imageAlt="team collaboration creative workspace"
imageAlt="creative team collaboration workspace"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email"
@@ -241,7 +241,7 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Amplify"
logoText="Fopo"
columns={[
{
items: [
@@ -272,7 +272,7 @@ export default function LandingPage() {
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Contact Us", href: "#contact" },
{ label: "hello@amplify.com", href: "mailto:hello@amplify.com" }
{ label: "hello@fopo.com", href: "mailto:hello@fopo.com" }
]
}
]}
@@ -280,4 +280,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}