303 lines
17 KiB
TypeScript
303 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { CheckCircle, CreditCard, HelpCircle, Mail, Star, Target, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Benefits", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "How It Works", id: "about" },
|
|
{ name: "Testimonials", id: "testimonial" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Noco CRO"
|
|
bottomLeftText="Conversion Intelligence"
|
|
bottomRightText="hello@noco-cro.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Maximize Your Conversion Rate"
|
|
description="Unlock data-driven insights and optimize every step of your customer journey. Our CRO subscription empowers your team with advanced testing, real-time analytics, and expert guidance."
|
|
tag="Conversion Optimization"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
buttons={[
|
|
{ text: "Start Free Trial", href: "contact" },
|
|
{ text: "View Demo", href: "https://noco.agency" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "CRO Analytics Dashboard"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-planning-financial-strategy-looking-computer-working-together-start-up-company-officet_482257-2082.jpg?_wi=1", imageAlt: "A/B Testing Interface"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg?_wi=1", imageAlt: "Data Insights"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg?_wi=1", imageAlt: "Integration Tools"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-957.jpg?_wi=1", imageAlt: "Support Team"
|
|
}
|
|
]}
|
|
className="hero-section"
|
|
titleClassName="text-4xl lg:text-5xl font-semibold"
|
|
descriptionClassName="text-lg text-opacity-80"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Powerful CRO Tools Built for Results"
|
|
description="Everything you need to test, analyze, and optimize your digital presence"
|
|
tag="Increase Conversions By Up To 40%"
|
|
tagIcon={Target}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "Advanced A/B Testing", description: "Run sophisticated multivariate tests with statistical significance calculations and real-time results monitoring.", imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-planning-financial-strategy-looking-computer-working-together-start-up-company-officet_482257-2082.jpg?_wi=2", imageAlt: "A/B Testing", button: { text: "Learn More", href: "#" }
|
|
},
|
|
{
|
|
title: "Real-Time Analytics", description: "Get instant visibility into user behavior, conversion funnels, and performance metrics across all channels.", imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg?_wi=2", imageAlt: "Analytics Dashboard", button: { text: "Explore", href: "#" }
|
|
},
|
|
{
|
|
title: "Seamless Integrations", description: "Connect with your favorite tools including Shopify, Stripe, HubSpot, and 50+ other platforms.", imageSrc: "http://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg?_wi=2", imageAlt: "Integration Hub", button: { text: "View Integrations", href: "#" }
|
|
},
|
|
{
|
|
title: "Expert Support", description: "Access our team of CRO specialists who provide strategy sessions, best practices, and optimization recommendations.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-957.jpg?_wi=2", imageAlt: "Support Team", button: { text: "Contact Support", href: "contact" }
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "How Our" },
|
|
{ type: "text", content: "CRO System" },
|
|
{ type: "text", content: "Works" }
|
|
]}
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Start Optimizing", href: "contact" },
|
|
{ text: "Schedule Demo", href: "https://noco.agency" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
title="Choose Your CRO Plan"
|
|
description="Select the perfect subscription tier to match your optimization needs and team size"
|
|
tag="Transparent Pricing"
|
|
tagIcon={CreditCard}
|
|
tagAnimation="slide-up"
|
|
plans={[
|
|
{
|
|
id: "starter", title: "Starter", price: "$499", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-planning-financial-strategy-looking-computer-working-together-start-up-company-officet_482257-2082.jpg?_wi=3", imageAlt: "Starter Plan", button: { text: "Start Free Trial", href: "contact" },
|
|
features: [
|
|
"5 concurrent A/B tests", "Basic analytics dashboard", "Up to 3 users", "Email support", "Monthly reports"
|
|
]
|
|
},
|
|
{
|
|
id: "professional", title: "Professional", price: "$1,299", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg?_wi=3", imageAlt: "Professional Plan", button: { text: "Start Free Trial", href: "contact" },
|
|
features: [
|
|
"Unlimited A/B tests", "Advanced analytics & funnels", "Up to 10 users", "Priority email & chat support", "Weekly optimization reports", "Custom integrations"
|
|
]
|
|
},
|
|
{
|
|
id: "enterprise", title: "Enterprise", price: "Custom", period: "pricing", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-957.jpg?_wi=3", imageAlt: "Enterprise Plan", button: { text: "Contact Sales", href: "contact" },
|
|
features: [
|
|
"Unlimited everything", "Dedicated account manager", "Custom API access", "24/7 phone support", "Strategy sessions", "Unlimited users"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Join hundreds of companies optimizing their conversion rates with our platform"
|
|
tag="Partners"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
names={["Stripe", "Shopify", "HubSpot", "Mixpanel", "Segment", "Amplitude", "Intercom", "Salesforce"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
speed={40}
|
|
showCard={true}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardOne
|
|
title="Success Stories from Our Clients"
|
|
description="See how leading companies have transformed their conversion rates"
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", role: "VP Growth", company: "TechFlow Inc", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Director, Optimization", company: "E-Commerce Solutions", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Jessica Rodriguez", role: "Marketing Manager", company: "Global Ventures", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg", imageAlt: "Jessica Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Park", role: "Product Lead", company: "Innovation Labs", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-businessman-wearing-suit-headshot-vertical-portrait-with-team_1163-3924.jpg", imageAlt: "David Park"
|
|
},
|
|
{
|
|
id: "5", name: "Emily Watson", role: "CEO", company: "StartUp Dynamics", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Emily Watson"
|
|
},
|
|
{
|
|
id: "6", name: "Alex Thompson", role: "Founder", company: "Digital Pioneers", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Alex Thompson"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about our CRO subscription and services"
|
|
tag="Help Center"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What's included in the subscription?", content: "Each plan includes access to our full CRO platform with A/B testing, analytics, integrations, and support. Professional and Enterprise plans unlock additional features like unlimited tests, priority support, and dedicated guidance."
|
|
},
|
|
{
|
|
id: "2", title: "Can I cancel anytime?", content: "Yes, you can cancel your subscription at any time with no penalties. We also offer a 30-day free trial so you can test the platform risk-free before committing."
|
|
},
|
|
{
|
|
id: "3", title: "Do you offer setup assistance?", content: "Absolutely. All plans include onboarding support. Professional and Enterprise plans come with dedicated setup specialists who will configure your environment and run your first tests."
|
|
},
|
|
{
|
|
id: "4", title: "What integrations are supported?", content: "We support 50+ integrations including Shopify, Stripe, HubSpot, Google Analytics, Segment, Mixpanel, and many more. Custom API integrations are available on Enterprise plans."
|
|
},
|
|
{
|
|
id: "5", title: "How long does it take to see results?", content: "Most clients see meaningful results within 2-4 weeks. Our data scientists help you design tests and interpret results to accelerate your optimization timeline."
|
|
},
|
|
{
|
|
id: "6", title: "Is there a contract or long-term commitment?", content: "No contracts required. Our month-to-month plans give you flexibility. We're confident you'll love the platform, so we don't lock you into long-term agreements."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Newsletter"
|
|
title="Stay Updated on CRO Trends"
|
|
description="Get weekly insights, optimization tips, and exclusive strategies delivered to your inbox. Join 5,000+ growth professionals."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/join-us-register-newsletter-concept_53876-132697.jpg"
|
|
imageAlt="Newsletter Signup"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to our Terms and Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Features", href: "features" },
|
|
{ label: "Pricing", href: "pricing" },
|
|
{ label: "How It Works", href: "about" },
|
|
{ label: "Integrations", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "https://noco.agency" },
|
|
{ label: "Blog", href: "https://noco.agency/blog" },
|
|
{ label: "Careers", href: "https://noco.agency/careers" },
|
|
{ label: "Contact", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Documentation", href: "#" },
|
|
{ label: "API Reference", href: "#" },
|
|
{ label: "Community", href: "#" },
|
|
{ label: "Support Center", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Noco CRO | Conversion Optimization Platform"
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
}
|