Merge version_2 into main #1
@@ -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}
|
||||
/>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f7f6f7;
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #0c1325;
|
||||
--primary-cta: #0b07ff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--primary-cta-text: #f7f6f7;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #0c1325;
|
||||
--accent: #93b7ff;
|
||||
--background-accent: #a8bae8;
|
||||
--accent: #15479c;
|
||||
--background-accent: #a8cce8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user