Update src/app/page.tsx
This commit is contained in:
246
src/app/page.tsx
246
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Why Choose Us",
|
||||
id: "#why-us",
|
||||
},
|
||||
name: "Why Choose Us", id: "#why-us"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Peri Digital Collective"
|
||||
/>
|
||||
@@ -59,67 +49,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Your brand deserves to be seen.\nWe make sure it is."
|
||||
description="We're a digital marketing agency obsessed with growing eCommerce brands — through scroll-stopping social, smart paid ads, and emails people actually want to open."
|
||||
buttons={[
|
||||
{
|
||||
text: "Let's grow together",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Let's grow together", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-african-american-woman-typing-laptop_482257-131626.jpg"
|
||||
imageAlt="Modern digital marketing dashboard showing growth metrics"
|
||||
mediaAnimation="entrance-slide"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
|
||||
alt: "Joyful business woman with coffee cup",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg", alt: "Joyful business woman with coffee cup"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371902.jpg",
|
||||
alt: "Smiling Beautiful Middle-aged Business Woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371902.jpg", alt: "Smiling Beautiful Middle-aged Business Woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-businesswoman-working-office-drinking-coffee_1157-26436.jpg",
|
||||
alt: "Portrait of attractive young businesswoman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-businesswoman-working-office-drinking-coffee_1157-26436.jpg", alt: "Portrait of attractive young businesswoman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman_1262-20867.jpg",
|
||||
alt: "Middle age latin businesswoman smiling happy",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman_1262-20867.jpg", alt: "Middle age latin businesswoman smiling happy"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2487.jpg",
|
||||
alt: "Front view portrait of beautiful woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2487.jpg", alt: "Front view portrait of beautiful woman"},
|
||||
]}
|
||||
avatarText="Join 100+ thriving eCommerce brands."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Data-Driven Growth",
|
||||
icon: LineChart,
|
||||
type: "text-icon", text: "Data-Driven Growth", icon: LineChart,
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/business-data-analytics_23-2151957121.jpg",
|
||||
alt: "Empty startup office displays statistics",
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/business-data-analytics_23-2151957121.jpg", alt: "Empty startup office displays statistics"},
|
||||
{
|
||||
type: "text-icon", text: "Creative Excellence", icon: Feather,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Creative Excellence",
|
||||
icon: Feather,
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-laptop-table_1232-4897.jpg", alt: "Laptop computer with company profit progress on screen"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-laptop-table_1232-4897.jpg",
|
||||
alt: "Laptop computer with company profit progress on screen",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Client-Focused",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Client-Focused", icon: Users,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -135,7 +100,7 @@ export default function LandingPage() {
|
||||
icon={Briefcase}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/graphic-having-discussion-office_1170-1762.jpg"
|
||||
imageAlt="Team of digital marketers collaborating on a strategy"
|
||||
mediaAnimation="entrance-slide"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -143,35 +108,16 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "paid-social",
|
||||
title: "Paid Social — Meta & TikTok",
|
||||
subtitle: "From thumb-stopping creative to precision targeting, we run Meta and TikTok ads that convert. We handle the strategy, the creative direction, the testing, and the scaling — so you can focus on running your business.",
|
||||
category: "Advertising",
|
||||
value: "Convert cold traffic into loyal customers.",
|
||||
},
|
||||
id: "paid-social", title: "Paid Social — Meta & TikTok", subtitle: "From thumb-stopping creative to precision targeting, we run Meta and TikTok ads that convert. We handle the strategy, the creative direction, the testing, and the scaling — so you can focus on running your business.", category: "Advertising", value: "Convert cold traffic into loyal customers."},
|
||||
{
|
||||
id: "social-media",
|
||||
title: "Social Media Management",
|
||||
subtitle: "Consistency is queen. We manage your social presence end-to-end — content creation, copywriting, scheduling, and community engagement. Your audience will grow. Your feed will look incredible.",
|
||||
category: "Engagement",
|
||||
value: "Build a thriving online community.",
|
||||
},
|
||||
id: "social-media", title: "Social Media Management", subtitle: "Consistency is queen. We manage your social presence end-to-end — content creation, copywriting, scheduling, and community engagement. Your audience will grow. Your feed will look incredible.", category: "Engagement", value: "Build a thriving online community."},
|
||||
{
|
||||
id: "email-marketing",
|
||||
title: "Email Marketing",
|
||||
subtitle: "Email is still one of the highest-converting channels out there, and we know exactly how to use it. From welcome flows to campaign calendars, we craft emails your customers actually look forward to receiving.",
|
||||
category: "Retention",
|
||||
value: "Craft emails customers love to open.",
|
||||
},
|
||||
id: "email-marketing", title: "Email Marketing", subtitle: "Email is still one of the highest-converting channels out there, and we know exactly how to use it. From welcome flows to campaign calendars, we craft emails your customers actually look forward to receiving.", category: "Retention", value: "Craft emails customers love to open."},
|
||||
{
|
||||
id: "google-marketing",
|
||||
title: "Google Marketing",
|
||||
subtitle: "Get in front of people who are already looking for what you sell. We run Google Ads and Shopping campaigns that drive qualified traffic and turn clicks into customers.",
|
||||
category: "Search",
|
||||
value: "Drive qualified traffic and sales.",
|
||||
},
|
||||
id: "google-marketing", title: "Google Marketing", subtitle: "Get in front of people who are already looking for what you sell. We run Google Ads and Shopping campaigns that drive qualified traffic and turn clicks into customers.", category: "Search", value: "Drive qualified traffic and sales."},
|
||||
]}
|
||||
title="What we do (and do really well)"
|
||||
description="From thumb-stopping creative to precision targeting, we handle the strategy, creative, testing, and scaling – so you can focus on running your business."
|
||||
@@ -183,14 +129,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Modern Threads",
|
||||
"Gourmet Pantry",
|
||||
"Wonder Kids Co.",
|
||||
"Elegance Home",
|
||||
"FitPulse Apparel",
|
||||
"PureGlow Skincare",
|
||||
"Circuit Innovations",
|
||||
]}
|
||||
"Modern Threads", "Gourmet Pantry", "Wonder Kids Co.", "Elegance Home", "FitPulse Apparel", "PureGlow Skincare", "Circuit Innovations"]}
|
||||
title="Trusted by leading eCommerce brands"
|
||||
description="We've helped businesses big and small achieve their growth targets."
|
||||
showCard={true}
|
||||
@@ -202,27 +141,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "Goal-Focused",
|
||||
description: "Strategy built around your goals, not a one-size-fits-all template",
|
||||
},
|
||||
id: "metric-1", value: "Goal-Focused", description: "Strategy built around your goals, not a one-size-fits-all template"},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "Impactful",
|
||||
description: "Creative that actually connects with your audience",
|
||||
},
|
||||
id: "metric-2", value: "Impactful", description: "Creative that actually connects with your audience"},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "Transparent",
|
||||
description: "Reporting with no smoke, no mirrors",
|
||||
},
|
||||
id: "metric-3", value: "Transparent", description: "Reporting with no smoke, no mirrors"},
|
||||
{
|
||||
id: "metric-4",
|
||||
value: "Passionate",
|
||||
description: "A team that's just as excited about your growth as you are",
|
||||
},
|
||||
id: "metric-4", value: "Passionate", description: "A team that's just as excited about your growth as you are"},
|
||||
]}
|
||||
title="Why brands choose us"
|
||||
description="We're not a big agency where you get lost in the mix. We're a tight-knit team of specialists who genuinely care about your brand's growth — and we treat your budget like it's our own."
|
||||
@@ -233,61 +161,31 @@ export default function LandingPage() {
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "GrowthSpark LLC",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "GrowthSpark LLC", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Marketing Director",
|
||||
company: "DigitalBloom Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Marketing Director", company: "DigitalBloom Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "E-commerce Store Owner",
|
||||
company: "StyleVerse Boutique",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-student-girl-dressed-trench-coat-looking-thoughtful-going-home-after-university-through-cozy-city-park_574295-2379.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "E-commerce Store Owner", company: "StyleVerse Boutique", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-student-girl-dressed-trench-coat-looking-thoughtful-going-home-after-university-through-cozy-city-park_574295-2379.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Brand Manager",
|
||||
company: "InnovateBrands Inc.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17120.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Brand Manager", company: "InnovateBrands Inc.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17120.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Founder & CEO",
|
||||
company: "FutureTech Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilled-businessman-his-office-desk-working-report-writing_482257-107893.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Founder & CEO", company: "FutureTech Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilled-businessman-his-office-desk-working-report-writing_482257-107893.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "40%",
|
||||
label: "Average ROI Increase",
|
||||
},
|
||||
value: "40%", label: "Average ROI Increase"},
|
||||
{
|
||||
value: "2.5x",
|
||||
label: "Conversion Rate Growth",
|
||||
},
|
||||
value: "2.5x", label: "Conversion Rate Growth"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "95%", label: "Client Satisfaction"},
|
||||
]}
|
||||
title="Don't just take our word for it."
|
||||
description="Hear what our partners have to say about the results we deliver."
|
||||
@@ -298,14 +196,13 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to make your brand impossible to ignore?"
|
||||
description="Let's chat. We'll get to know your brand, your goals, and figure out exactly where we can take you."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-tidy-workspace-with-laptop_23-2148592296.jpg"
|
||||
imageAlt="Team collaborating on a laptop with digital marketing data"
|
||||
mediaAnimation="entrance-slide"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Book a free discovery call"
|
||||
/>
|
||||
</div>
|
||||
@@ -314,58 +211,35 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Paid Social",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Paid Social", href: "#services"},
|
||||
{
|
||||
label: "Social Media Mgmt",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Social Media Mgmt", href: "#services"},
|
||||
{
|
||||
label: "Email Marketing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Email Marketing", href: "#services"},
|
||||
{
|
||||
label: "Google Marketing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Google Marketing", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Why Choose Us",
|
||||
href: "#why-us",
|
||||
},
|
||||
label: "Why Choose Us", href: "#why-us"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user