Merge version_10 into main #11
64
src/app/contact/page.tsx
Normal file
64
src/app/contact/page.tsx
Normal 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="Let's Talk About Your Customer Acquisition Goals"
|
||||
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 production, or a complete system, we're here to help."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/a-gorgeous-professional-website-mockup-d-1773240173927-fb2f8a9b.png"
|
||||
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>
|
||||
);
|
||||
}
|
||||
@@ -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: "Book a Call", 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"
|
||||
@@ -170,17 +170,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,8 +246,8 @@ 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: "Schedule a Call", href: "contact" }
|
||||
{ text: "Request Your Free Demo Website", href: "/contact" },
|
||||
{ text: "Schedule a Call", href: "/contact" }
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
@@ -263,4 +263,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user