43 Commits

Author SHA1 Message Date
658fadffce Update src/app/page.tsx 2026-03-12 15:09:06 +00:00
8fb50d8838 Update src/app/page.tsx 2026-03-12 15:08:29 +00:00
8e50e5d6f1 Update src/app/page.tsx 2026-03-12 15:06:07 +00:00
629742cbad Merge version_12 into main
Merge version_12 into main
2026-03-12 15:00:12 +00:00
a74634d4fd Update src/app/page.tsx 2026-03-12 15:00:08 +00:00
37bf032860 Merge version_12 into main
Merge version_12 into main
2026-03-12 14:58:36 +00:00
b49dca4792 Update src/app/page.tsx 2026-03-12 14:58:31 +00:00
4c4d6f93d6 Merge version_12 into main
Merge version_12 into main
2026-03-12 14:52:35 +00:00
94794ccae8 Update src/app/page.tsx 2026-03-12 14:52:31 +00:00
6e2f7a5bb3 Merge version_12 into main
Merge version_12 into main
2026-03-12 14:49:54 +00:00
d4918fce3a Update src/app/page.tsx 2026-03-12 14:49:50 +00:00
94d1da40bd Merge version_12 into main
Merge version_12 into main
2026-03-12 14:41:30 +00:00
5af88cd75f Update src/app/page.tsx 2026-03-12 14:41:26 +00:00
239fbb8bd6 Merge version_11 into main
Merge version_11 into main
2026-03-12 14:37:49 +00:00
b038d739cb Update src/app/page.tsx 2026-03-12 14:37:45 +00:00
5de74e523b Merge version_11 into main
Merge version_11 into main
2026-03-12 14:37:23 +00:00
18bc061d88 Update src/app/page.tsx 2026-03-12 14:37:19 +00:00
432141cd08 Merge version_11 into main
Merge version_11 into main
2026-03-12 14:36:21 +00:00
4054287f65 Update src/app/page.tsx 2026-03-12 14:36:17 +00:00
d0ac4e48b7 Merge version_11 into main
Merge version_11 into main
2026-03-12 14:28:02 +00:00
65a9a5053c Update src/app/page.tsx 2026-03-12 14:27:58 +00:00
acfd6516f6 Merge version_10 into main
Merge version_10 into main
2026-03-12 14:26:29 +00:00
403c48017a Update theme colors 2026-03-12 14:26:23 +00:00
b3e2c7a5a9 Merge version_10 into main
Merge version_10 into main
2026-03-12 14:24:36 +00:00
c7e3fd58db Update src/app/page.tsx 2026-03-12 14:24:32 +00:00
7d9340d64a Merge version_10 into main
Merge version_10 into main
2026-03-12 14:24:24 +00:00
8fa4c42b8a Update src/app/page.tsx 2026-03-12 14:24:20 +00:00
354fb575bb Merge version_10 into main
Merge version_10 into main
2026-03-12 14:20:25 +00:00
25b1019d9a Update src/app/contact/page.tsx 2026-03-12 14:20:21 +00:00
773ac419ac Merge version_10 into main
Merge version_10 into main
2026-03-12 14:17:41 +00:00
38614abc78 Update src/app/contact/page.tsx 2026-03-12 14:17:37 +00:00
7c8e712cd9 Merge version_10 into main
Merge version_10 into main
2026-03-12 14:15:10 +00:00
721a6c43be Update src/app/contact/page.tsx 2026-03-12 14:15:06 +00:00
adef4a976a Merge version_10 into main
Merge version_10 into main
2026-03-12 14:06:53 +00:00
78ec7f0eaf Update src/app/page.tsx 2026-03-12 14:06:49 +00:00
ddcd1f7fd6 Update src/app/contact/page.tsx 2026-03-12 14:06:49 +00:00
34abc8d832 Merge version_10 into main
Merge version_10 into main
2026-03-12 14:06:28 +00:00
407345b33c Update src/app/page.tsx 2026-03-12 14:06:24 +00:00
798b9edc44 Add src/app/contact/page.tsx 2026-03-12 14:06:24 +00:00
180e770a72 Switch to version 8: modified src/app/page.tsx 2026-03-12 14:03:25 +00:00
363490bb64 Switch to version 7: modified src/app/page.tsx 2026-03-12 14:03:21 +00:00
316983f1ea Switch to version 8: modified src/app/page.tsx 2026-03-12 14:03:19 +00:00
798178b81f Merge version_9 into main
Merge version_9 into main
2026-03-12 14:00:50 +00:00
3 changed files with 91 additions and 25 deletions

64
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,64 @@
"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Mail, Rocket } from "lucide-react";
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="compact"
sizing="mediumLarge"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Convrsn"
navItems={[
{ name: "Services", id: "services" },
{ name: "Process", id: "process" },
{ name: "For", id: "for" },
{ name: "About", id: "about" },
{ name: "Contact", id: "/contact" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get In Touch"
tagIcon={Mail}
title="See Whats Possible for Your Business "
description="Ready to grow your business? Share your information and let's schedule a call to discuss your needs. Whether you're looking for a website, ads management, creative producti"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/premium-photo/abstract-futuristic-blue-background-technology-glowing-lines_118195-51.jpg?id=5040937"
imageAlt="Contact us mockup"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="your@email.com"
buttonText="Get Started"
termsText="We respect your privacy. We'll only use your information to discuss your customer acquisition needs."
onSubmit={(email) => console.log('Contact form submitted:', email)}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Convrsn"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ThemeProvider>
);
}

View File

@@ -35,7 +35,7 @@ export default function LandingPage() {
{ name: "Process", id: "process" },
{ name: "For", id: "for" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" }
{ name: "Contact", id: "/contact" }
]}
/>
</div>
@@ -48,8 +48,8 @@ export default function LandingPage() {
tag="Customer Acquisition Engine"
tagIcon={Zap}
buttons={[
{ text: "Get Your Free Demo Website", href: "contact" },
{ text: "Book a Call", href: "contact" }
{ text: "Get Your Free Demo Website", href: "/contact" },
{ text: "Schedule a meeting", href: "/contact" }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/a-modern-clean-website-design-mockup-dis-1773240171755-25981f6a.png"
imageAlt="High-converting website design mockup"
@@ -75,15 +75,15 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "Website Design", description: "A multi-page, high-converting website designed to bring you customers. Optimized for mobile and desktop with clear CTAs, lead capture forms, click-to-call buttons, and fast turnaround within 24-48 hours.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/illustration-showing-website-design-elem-1773240172578-a3c8c2d4.png"
title: "Website Design", description: "24-72 hour delivery badge: Multi-page, high-converting website designed to bring you customers. Optimized for mobile and desktop with clear CTAs, lead capture forms, and click-to-call buttons. Industry-leading turnaround time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/illustration-showing-website-design-elem-1773240172578-a3c8c2d4.png"
},
{
id: 2,
title: "Meta Ads Management", description: "Strategic Facebook and Instagram advertising focused on customer acquisition. We research your audience, set up campaigns, optimize for leads or sales, and continuously improve performance based on results.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/clean-illustration-showing-audience-targ-1773240173056-7ab9eeb8.png"
title: "Meta Ads Management", description: "✓ Proven results: Strategic Facebook and Instagram advertising focused on customer acquisition. We research your audience, set up campaigns, optimize for leads or sales, and continuously improve performance based on results.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/clean-illustration-showing-audience-targ-1773240173056-7ab9eeb8.png"
},
{
id: 3,
title: "Monthly Ad Creative", description: "Ongoing creative production to support your ad campaigns. Multiple hooks, copy variations, ad sizes, and formats delivered ready to upload. Stay competitive with fresh creative angles every month.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/illustration-of-creative-content-product-1773240172341-89b17938.png"
title: "Monthly Ad Creative", description: "📦 Delivered monthly: Ongoing creative production to support your ad campaigns. Multiple hooks, copy variations, ad sizes, and formats delivered ready to upload. Stay competitive with fresh creative angles every month.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/illustration-of-creative-content-product-1773240172341-89b17938.png"
}
]}
textboxLayout="default"
@@ -101,7 +101,7 @@ export default function LandingPage() {
{ value: "24-48 hrs", title: "Turnaround Time" },
{ value: "Free", title: "Demo Website" }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/a-gorgeous-professional-website-mockup-d-1773240173927-fb2f8a9b.png"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/a-gorgeous-professional-website-mockup-d-1773240173927-fb2f8a9b.png?_wi=1"
imageAlt="Demo website preview mockup"
useInvertedBackground={true}
mediaAnimation="slide-up"
@@ -122,7 +122,7 @@ export default function LandingPage() {
},
{
id: 2,
title: "We Build Your Website", description: "We create a customer-focused, high-converting website designed to generate leads, calls, bookings, or sales. Typically completed within 24-48 hours. Most agencies take 3-6 weeks. We move faster.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/clean-illustration-showing-a-designer-or-1773240172767-2a1dd349.png"
title: "We Build Your Website", description: "24-72 hour delivery: We create a customer-focused, high-converting website designed to generate leads, calls, bookings, or sales. Most agencies take 3-6 weeks. We move faster with industry-leading speed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/clean-illustration-showing-a-designer-or-1773240172767-2a1dd349.png"
},
{
id: 3,
@@ -142,22 +142,24 @@ export default function LandingPage() {
tagIcon={Target}
products={[
{
id: "1", name: "Service Businesses", price: "Contractors • Landscapers • Roofers", variant: "Handymen • Plumbers • HVAC • Remodelers", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/professional-company-logo-featuring-a-cl-1773240171168-edcfb9af.png", imageAlt: "Service Business Logo"
id: "1", name: "", price: "", variant: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/tmp/professional-local-contractor-standing-n-1773326968021-51e00a46.png", imageAlt: "Service Business Logo"
},
{
id: "2", name: "Local Service Industries", price: "Barbershops • Gyms • Salons", variant: "Aesthetics • Hair Services • Fitness Studios", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/professional-company-logo-for-a-home-ser-1773240172200-a52bb718.png", imageAlt: "Local Service Logo"
id: "2", name: "", price: "", variant: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/tmp/modern-barber-or-aesthetic-professional--1773327044104-512242e1.png", imageAlt: "Local Service Logo"
},
{
id: "3", name: "E-Commerce Brands", price: "Online Retail • Direct-to-Consumer", variant: "Product-Based • Dropshipping • SaaS", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/professional-company-logo-for-an-e-comme-1773240170868-abdef8d7.png", imageAlt: "E-Commerce Logo"
id: "3", name: "", price: "", variant: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/clean-modern-workspace-with-product-pack-1773327115199-5b2b44d1.png", imageAlt: "E-Commerce Logo"
},
{
id: "4", name: "Professional Services", price: "Consulting • Agencies • Advisors", variant: "Brokers • Coaches • Digital Agencies", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/professional-company-logo-for-a-consulti-1773240171175-4c6b60a1.png", imageAlt: "Professional Services Logo"
id: "4", name: "", price: "", variant: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/tmp/confident-business-professional-working--1773327576054-cf3ce66b.png", imageAlt: "Professional Services Logo"
}
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
cardClassName="flex flex-col h-full overflow-hidden"
imageClassName="w-full h-64 object-cover object-center"
/>
</div>
@@ -170,17 +172,17 @@ export default function LandingPage() {
plans={[
{
id: "starter", badge: "Good for Beginners", badgeIcon: Sparkles,
price: "$200/mo", subtitle: "Fresh creative angles monthly", buttons: [{ text: "Get Started", href: "contact" }],
price: "$200/mo", subtitle: "Fresh creative angles monthly", buttons: [{ text: "Get Started", href: "/contact" }],
features: ["4-6 ad variations", "Multiple hooks and angles", "Primary ad text and headlines", "Correct ad sizes and formats", "Ready to upload"]
},
{
id: "professional", badge: "Most Popular", badgeIcon: Star,
price: "$350/mo", subtitle: "Comprehensive creative support", buttons: [{ text: "Get Started", href: "contact" }],
price: "$350/mo", subtitle: "Comprehensive creative support", buttons: [{ text: "Get Started", href: "/contact" }],
features: ["8-12 ad variations", "Diverse visual angles", "Copy testing variations", "Multiple formats and sizes", "Platform-optimized specs", "Priority support"]
},
{
id: "enterprise", badge: "For Scaling Brands", badgeIcon: Zap,
price: "$500/mo", subtitle: "Maximum creative output and strategy", buttons: [{ text: "Get Started", href: "contact" }],
price: "$500/mo", subtitle: "Maximum creative output and strategy", buttons: [{ text: "Get Started", href: "/contact" }],
features: ["15+ ad variations monthly", "A/B testing frameworks", "Video and static assets", "Campaign-specific creative", "Unlimited revisions", "Dedicated creative support", "Quarterly strategy sessions"]
}
]}
@@ -246,7 +248,7 @@ export default function LandingPage() {
title="Start Getting More Customers Today"
description="Let's discuss your customer acquisition goals and build a strategy that brings you results. Whether you need a website, ads, creative, or a complete system, we're ready to help."
buttons={[
{ text: "Request Your Free Demo Website", href: "contact" },
{ text: "Request Your Free Demo Website", href: "/contact" },
{ text: "Schedule a Call", href: "/contact" }
]}
background={{ variant: "sparkles-gradient" }}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000f06e6;
--primary-cta: #0a7039;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #000f06e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffffe6;
--primary-cta: #e6e6e6;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffffe6;
--accent: #737373;
--background-accent: #737373;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);