|
|
|
|
@@ -5,12 +5,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
|
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
|
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
|
|
|
import { ShoppingBag, Users, Target, Zap, Star, LayoutDashboard, Twitter, Instagram, Linkedin, ArrowRight, BarChart3, Rocket } from "lucide-react";
|
|
|
|
|
import { ShoppingBag, Users, Target, Zap, Star, LayoutDashboard, Twitter, Instagram, Linkedin, ArrowRight, BarChart3, Rocket, CheckCircle2, Search, Settings, DollarSign } from "lucide-react";
|
|
|
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
|
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
|
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
|
|
|
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
|
|
|
|
import { CheckCircle2, Search, Settings, DollarSign } from "lucide-react";
|
|
|
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
|
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
|
|
|
|
|
|
|
|
@@ -26,14 +25,14 @@ export default function WebAgencyThemePage() {
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="icon-arrow"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="pill"
|
|
|
|
|
borderRadius="soft"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="medium"
|
|
|
|
|
background="aurora"
|
|
|
|
|
cardStyle="layered-gradient"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="medium"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="solid"
|
|
|
|
|
primaryButtonStyle="flat"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
|
>
|
|
|
|
|
<ReactLenis root>
|
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
|
@@ -80,27 +79,23 @@ export default function WebAgencyThemePage() {
|
|
|
|
|
tag="Services"
|
|
|
|
|
tagIcon={Target}
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
tag: "Growth", title: "01", subtitle: "Store Design & UX", description: "We create seamless shopping journeys that remove friction. By focusing on mobile-first design and psychological triggers, we ensure your customers get from browse to checkout without distraction.", imageSrc: "http://img.b2bpic.net/free-photo/repair-sale-shop-with-laptop_23-2150627963.jpg", imageAlt: "Store design interface"},
|
|
|
|
|
{
|
|
|
|
|
tag: "Data", title: "02", subtitle: "Conversion Optimization", description: "Numbers don't lie. We run rigorous A/B testing and performance analysis to iterate on your checkout funnel, ensuring every pixel works harder to increase your Average Order Value.", imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg", imageAlt: "Analytics dashboard"},
|
|
|
|
|
{
|
|
|
|
|
tag: "Scale", title: "03", subtitle: "Growth Strategy", description: "Building a store is just the start. Our growth experts develop customized acquisition loops and email retention funnels that bring customers back again and again.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphics-composition_23-2148991206.jpg", imageAlt: "Growth strategy charts"},
|
|
|
|
|
{
|
|
|
|
|
tag: "Tech", title: "04", subtitle: "Platform Migrations", description: "Moving to Shopify Plus or scaling your existing backend? We handle complex migrations with zero downtime, ensuring your data, SEO rankings, and integrations stay perfectly intact.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-running-computer-screens-modern-server-room_482257-114724.jpg", imageAlt: "Tech architecture"},
|
|
|
|
|
{ tag: "Growth", title: "01", subtitle: "Store Design & UX", description: "We create seamless shopping journeys that remove friction.", imageSrc: "http://img.b2bpic.net/free-photo/repair-sale-shop-with-laptop_23-2150627963.jpg", imageAlt: "Store design interface"},
|
|
|
|
|
{ tag: "Data", title: "02", subtitle: "Conversion Optimization", description: "We run rigorous A/B testing and performance analysis.", imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg", imageAlt: "Analytics dashboard"},
|
|
|
|
|
{ tag: "Scale", title: "03", subtitle: "Growth Strategy", description: "Building a store is just the start.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphics-composition_23-2148991206.jpg", imageAlt: "Growth strategy charts"},
|
|
|
|
|
{ tag: "Tech", title: "04", subtitle: "Platform Migrations", description: "Moving to Shopify Plus or scaling your existing backend?", imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-running-computer-screens-modern-server-room_482257-114724.jpg", imageAlt: "Tech architecture"},
|
|
|
|
|
]}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
<MetricCardOne
|
|
|
|
|
title="Proven Impact"
|
|
|
|
|
description="Tangible results generated for brands across the fashion, beauty, and lifestyle sectors."
|
|
|
|
|
description="Tangible results generated for brands."
|
|
|
|
|
tag="Our Results"
|
|
|
|
|
tagIcon={BarChart3}
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "cvr", value: "3.2%", title: "Average CVR", description: "Consistent performance across our top-tier client base", icon: Users },
|
|
|
|
|
{ id: "aov", value: "$120", title: "Avg Order Value", description: "Elevated through intelligent UX flows", icon: DollarSign },
|
|
|
|
|
{ id: "load", value: "<1s", title: "Load Speed", description: "Optimized for speed to retain impatient traffic", icon: Zap },
|
|
|
|
|
{ id: "cvr", value: "3.2%", title: "Average CVR", description: "Consistent performance", icon: Users },
|
|
|
|
|
{ id: "aov", value: "$120", title: "Avg Order Value", description: "Elevated UX", icon: DollarSign },
|
|
|
|
|
{ id: "load", value: "<1s", title: "Load Speed", description: "Retain traffic", icon: Zap },
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
animationType="depth-3d"
|
|
|
|
|
@@ -109,14 +104,12 @@ export default function WebAgencyThemePage() {
|
|
|
|
|
/>
|
|
|
|
|
<TestimonialCardFive
|
|
|
|
|
title="Client Wins"
|
|
|
|
|
description="The results our partners have achieved by scaling with Nav eCommerce."
|
|
|
|
|
description="Results our partners achieved."
|
|
|
|
|
tag="Success Stories"
|
|
|
|
|
tagIcon={Star}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Elena Vance", date: "Founder, GlowCo", title: "Doubled Revenue in 90 Days", quote: "The design overhaul transformed our conversion rate overnight. Finally, a team that understands the intersection of aesthetics and sales.", tag: "Conversion Growth", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-her-40s-office-smiling-camera-joyfull-woman_482257-25805.jpg", avatarAlt: "Elena Vance", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-photography-studio_23-2150254683.jpg", imageAlt: "GlowCo success story"},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Mark Sterling", date: "COO, Alpine Gear", title: "Seamless Migration", quote: "Moving our massive inventory was a nightmare, but the Nav team made it look easy. Zero downtime, and our SEO actually improved post-launch.", tag: "Technical Migration", avatarSrc: "http://img.b2bpic.net/free-photo/proud-young-executive-ready-start_1139-303.jpg", avatarAlt: "Mark Sterling", imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-using-her-phone_23-2148230199.jpg", imageAlt: "Alpine Gear success story"},
|
|
|
|
|
{ id: "1", name: "Elena Vance", date: "Founder, GlowCo", title: "Doubled Revenue", quote: "Transformation was instant.", tag: "Conversion Growth", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-her-40s-office-smiling-camera-joyfull-woman_482257-25805.jpg", avatarAlt: "Elena Vance", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-photography-studio_23-2150254683.jpg", imageAlt: "GlowCo"},
|
|
|
|
|
{ id: "2", name: "Mark Sterling", date: "COO, Alpine Gear", title: "Migration Success", quote: "The team made it look easy.", tag: "Migration", avatarSrc: "http://img.b2bpic.net/free-photo/proud-young-executive-ready-start_1139-303.jpg", avatarAlt: "Mark Sterling", imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-using-her-phone_23-2148230199.jpg", imageAlt: "Alpine Gear"},
|
|
|
|
|
]}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
@@ -125,45 +118,19 @@ export default function WebAgencyThemePage() {
|
|
|
|
|
tag="The Process"
|
|
|
|
|
tagIcon={LayoutDashboard}
|
|
|
|
|
title="How We Scale"
|
|
|
|
|
description="From deep discovery to high-impact launch, we follow a rigorous 3-step growth framework."
|
|
|
|
|
description="Rigorous 3-step framework."
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
title: "Diagnostic Audit", description: "We analyze every bottleneck in your store's funnel, from traffic acquisition to the final checkout confirmation.", media: { imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting_53876-15175.jpg", imageAlt: "Deep store audit" },
|
|
|
|
|
reverse: false,
|
|
|
|
|
items: [
|
|
|
|
|
{ icon: Search, text: "Full conversion audit" },
|
|
|
|
|
{ icon: BarChart3, text: "UX friction report" },
|
|
|
|
|
{ icon: CheckCircle2, text: "Growth hypothesis" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Rapid Prototyping", description: "We test design changes in real-time, focusing on high-intent conversion points to maximize impact before full rollout.", media: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-working-desk_23-2149930958.jpg", imageAlt: "UX prototyping" },
|
|
|
|
|
reverse: true,
|
|
|
|
|
items: [
|
|
|
|
|
{ icon: LayoutDashboard, text: "Iterative design wireframes" },
|
|
|
|
|
{ icon: Settings, text: "AB test execution" },
|
|
|
|
|
{ icon: CheckCircle2, text: "Performance validation" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Launch & Scale", description: "Once deployed, we shift into optimization mode, ensuring consistent performance and ongoing growth.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-programming-language-notebook-used-by-server-hub-employees_482257-117822.jpg", imageAlt: "Launch scaling" },
|
|
|
|
|
reverse: false,
|
|
|
|
|
items: [
|
|
|
|
|
{ icon: Rocket, text: "High-performance deployment" },
|
|
|
|
|
{ icon: Zap, text: "Automated retention funnels" },
|
|
|
|
|
{ icon: CheckCircle2, text: "Monthly KPI reporting" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{ title: "Diagnostic Audit", description: "Analyze every bottleneck.", media: { imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting_53876-15175.jpg", imageAlt: "Audit" }, reverse: false, items: [{ icon: Search, text: "Audit" }, { icon: BarChart3, text: "Report" }, { icon: CheckCircle2, text: "Hypothesis" }]},
|
|
|
|
|
{ title: "Prototyping", description: "Test design changes.", media: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-working-desk_23-2149930958.jpg", imageAlt: "Prototypes" }, reverse: true, items: [{ icon: LayoutDashboard, text: "Design" }, { icon: Settings, text: "Tests" }, { icon: CheckCircle2, text: "Validations" }]},
|
|
|
|
|
{ title: "Launch", description: "Ongoing growth.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-programming-language-notebook-used-by-server-hub-employees_482257-117822.jpg", imageAlt: "Scaling" }, reverse: false, items: [{ icon: Rocket, text: "Deployment" }, { icon: Zap, text: "Automation" }, { icon: CheckCircle2, text: "Reporting" }]},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
<ContactText
|
|
|
|
|
text="Ready to take your store to the next level? Let's discuss your roadmap to scaling revenue."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Get a Free Audit", href: "#contact" },
|
|
|
|
|
]}
|
|
|
|
|
text="Ready to take your store to the next level?"
|
|
|
|
|
buttons={[{ text: "Get a Free Audit", href: "#contact" }]}
|
|
|
|
|
background={{ variant: "canvas-reveal" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
|
