Merge version_2 into main #2
169
src/app/page.tsx
169
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#results",
|
||||
},
|
||||
name: "Results", id: "#results"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="AgencyCore"
|
||||
/>
|
||||
@@ -53,38 +45,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="Scaling Brands Through Data & Creativity"
|
||||
description="We build high-converting digital experiences that turn visitors into loyal customers. Let us scale your agency's impact."
|
||||
buttonAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/professional-headshot-of-a-business-woma-1774618269824-8809882f.png",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/professional-headshot-of-a-business-woma-1774618269824-8809882f.png", alt: "Client 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/professional-headshot-of-a-business-man--1774618270894-7c6867b1.png",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/professional-headshot-of-a-business-man--1774618270894-7c6867b1.png", alt: "Client 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/professional-headshot-of-a-creative-mana-1774618269203-8fb1dee3.png",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/professional-headshot-of-a-creative-mana-1774618269203-8fb1dee3.png", alt: "Client 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/professional-headshot-of-a-creative-stra-1774618268675-a8dae11b.png",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/professional-headshot-of-a-creative-stra-1774618268675-a8dae11b.png", alt: "Client 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/professional-headshot-of-a-business-woma-1774618269824-8809882f.png",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/professional-headshot-of-a-business-woma-1774618269824-8809882f.png", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ growing brands"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,47 +75,35 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Approach to Growth"
|
||||
description="We combine deep analytical insights with creative storytelling to ensure every touchpoint is optimized for conversion."
|
||||
tagAnimation="blur-reveal"
|
||||
buttonAnimation="blur-reveal"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Data-Driven Strategy",
|
||||
description: "Every campaign is backed by rigorous testing and data validation.",
|
||||
},
|
||||
title: "Data-Driven Strategy", description: "Every campaign is backed by rigorous testing and data validation."},
|
||||
{
|
||||
title: "Creative Excellence",
|
||||
description: "Visuals and messaging that command attention and drive action.",
|
||||
},
|
||||
title: "Creative Excellence", description: "Visuals and messaging that command attention and drive action."},
|
||||
{
|
||||
title: "Conversion Focused",
|
||||
description: "Rigorous optimization processes that prioritize results over vanity metrics.",
|
||||
},
|
||||
title: "Conversion Focused", description: "Rigorous optimization processes that prioritize results over vanity metrics."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/creative-design-team-collaborating-in-a--1774618269417-8889af66.png"
|
||||
mediaAnimation="slide-up"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
buttonAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Performance Marketing",
|
||||
description: "Drive targeted traffic and reduce acquisition costs.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/high-tech-abstract-representation-of-gro-1774618271220-ef57819e.png?_wi=1",
|
||||
},
|
||||
title: "Performance Marketing", description: "Drive targeted traffic and reduce acquisition costs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/high-tech-abstract-representation-of-gro-1774618271220-ef57819e.png?_wi=1"},
|
||||
{
|
||||
title: "Brand Design",
|
||||
description: "Crafting unforgettable identities that resonate with your target audience.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/high-tech-abstract-representation-of-gro-1774618271220-ef57819e.png?_wi=2",
|
||||
},
|
||||
title: "Brand Design", description: "Crafting unforgettable identities that resonate with your target audience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/high-tech-abstract-representation-of-gro-1774618271220-ef57819e.png?_wi=2"},
|
||||
{
|
||||
title: "Conversion Optimization",
|
||||
description: "Turning your website visitors into dedicated customers.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/high-tech-abstract-representation-of-gro-1774618271220-ef57819e.png?_wi=3",
|
||||
},
|
||||
title: "Conversion Optimization", description: "Turning your website visitors into dedicated customers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/high-tech-abstract-representation-of-gro-1774618271220-ef57819e.png?_wi=3"},
|
||||
]}
|
||||
title="Agency Services"
|
||||
description="Comprehensive digital solutions built to scale."
|
||||
@@ -144,31 +112,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="results" data-section="results">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttonAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150%",
|
||||
title: "Average Growth",
|
||||
description: "Year-over-year revenue growth for partners.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/high-tech-abstract-representation-of-gro-1774618271220-ef57819e.png?_wi=4",
|
||||
},
|
||||
id: "m1", value: "150%", title: "Average Growth", description: "Year-over-year revenue growth for partners.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/high-tech-abstract-representation-of-gro-1774618271220-ef57819e.png?_wi=4"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2.4M",
|
||||
title: "Conversions",
|
||||
description: "Successful user actions driven via our funnels.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/high-tech-abstract-representation-of-gro-1774618271220-ef57819e.png?_wi=5",
|
||||
},
|
||||
id: "m2", value: "2.4M", title: "Conversions", description: "Successful user actions driven via our funnels.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/high-tech-abstract-representation-of-gro-1774618271220-ef57819e.png?_wi=5"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45+",
|
||||
title: "Industries",
|
||||
description: "Sector expertise across global markets.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/high-tech-abstract-representation-of-gro-1774618271220-ef57819e.png?_wi=6",
|
||||
},
|
||||
id: "m3", value: "45+", title: "Industries", description: "Sector expertise across global markets.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/high-tech-abstract-representation-of-gro-1774618271220-ef57819e.png?_wi=6"},
|
||||
]}
|
||||
title="Impact in Numbers"
|
||||
description="Our work speaks for itself."
|
||||
@@ -180,34 +134,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/abstract-modern-office-interior-1774618271775-c1eb2317.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/abstract-modern-office-interior-1774618271775-c1eb2317.png?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/modern-business-meeting-setting-1774618276962-bd388413.png",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/modern-business-meeting-setting-1774618276962-bd388413.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/clean-workspace-table-setup-1774618268780-5b466f1e.png",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/clean-workspace-table-setup-1774618268780-5b466f1e.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/abstract-architectural-building-facade-1774618272270-32ee58d6.png",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/abstract-architectural-building-facade-1774618272270-32ee58d6.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Rivera",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/abstract-modern-office-interior-1774618271775-c1eb2317.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Alex Rivera", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/abstract-modern-office-interior-1774618271775-c1eb2317.png?_wi=2"},
|
||||
]}
|
||||
cardTitle="What our clients say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -218,25 +157,17 @@ export default function LandingPage() {
|
||||
description="Ready to scale your agency? Fill out the form below."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your project", rows: 4,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWwdNliNrhXaIPPMkA41vz1iqw/abstract-blue-and-white-corporate-backgr-1774618269504-6c759c82.png"
|
||||
mediaAnimation="slide-up"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -244,29 +175,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Marketing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Marketing", href: "#"},
|
||||
{
|
||||
label: "Design",
|
||||
href: "#",
|
||||
},
|
||||
label: "Design", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -277,4 +198,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--background: #050012;
|
||||
--card: #040121;
|
||||
--foreground: #f0e6ff;
|
||||
--primary-cta: #c89bff;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #1d123b;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #15479c;
|
||||
--background-accent: #a8cce8;
|
||||
--accent: #65417c;
|
||||
--background-accent: #65417c;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user