268 lines
16 KiB
TypeScript
268 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { CheckCircle, Sparkles, Zap, DollarSign, Heart, Award } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Stripo"
|
|
navItems={[
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Start Free Trial", href: "https://stripo.email/signup"
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
tag="Email Design Platform"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
title="Create Beautiful Emails in Minutes"
|
|
description="Design stunning, responsive email campaigns without coding. Drag-and-drop simplicity meets professional results. Transform your email marketing today."
|
|
background={{ variant: "glowing-orb" }}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/a-modern-email-editor-interface-showing--1772483302603-ddf7245d.png"
|
|
imageAlt="Stripo email editor dashboard"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Chen", handle: "Marketing Lead, TechFlow", testimonial: "Stripo cut our email design time in half. Our campaigns look professional instantly.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/a-professional-headshot-portrait-of-a-wo-1772483302460-0e50c5e9.png"
|
|
},
|
|
{
|
|
name: "Marcus Johnson", handle: "Creative Director, BrandCo", testimonial: "The editor is intuitive and the templates are gorgeous. Highly recommended for agencies.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/a-professional-headshot-portrait-of-a-ma-1772483301262-fa50c11e.png"
|
|
},
|
|
{
|
|
name: "Elena Rodriguez", handle: "CEO, MarketPro", testimonial: "Best investment for our email workflow. The ROI was immediate and measurable.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/a-professional-headshot-portrait-of-a-wo-1772483302248-bc463bec.png"
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
buttons={[
|
|
{ text: "Start Free", href: "https://stripo.email/signup" },
|
|
{ text: "Watch Demo", href: "https://stripo.email/demo" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Why Stripo"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
title="The smarter way to build emails. Thousands of marketers trust Stripo to create professional email campaigns in minutes, not hours."
|
|
buttons={[
|
|
{ text: "Explore Features", href: "#features" },
|
|
{ text: "Learn More", href: "https://stripo.email/about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
title="How Stripo Works"
|
|
description="Follow our simple process to create stunning emails in minutes"
|
|
tag="Process"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Choose Your Template", description: "Browse our extensive library of professionally designed email templates, or start from scratch with our blank canvas.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/a-collection-of-email-template-thumbnail-1772483302579-5876837d.png"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Customize with Ease", description: "Drag and drop elements, edit text, swap images, and adjust colors. No technical skills required. See changes in real-time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/close-up-of-a-drag-and-drop-email-editor-1772483302535-4f614872.png"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Test & Optimize", description: "Preview across devices, test responsiveness, and check email client compatibility before sending to your audience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/a-split-screen-showing-email-preview-on--1772483302756-d16cf03b.png"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Send & Track", description: "Integrate with your favorite email platform. Send campaigns and track opens, clicks, and conversions automatically.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/an-email-analytics-dashboard-showing-met-1772483302992-dfbd686f.png"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
title="Choose Your Plan"
|
|
description="Select the perfect plan for your email marketing needs. Always with a free trial—no credit card required."
|
|
tag="Pricing"
|
|
tagIcon={DollarSign}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "starter", price: "Free", name: "Starter Plan", buttons: [{ text: "Get Started", href: "https://stripo.email/signup" }],
|
|
features: [
|
|
"Up to 5 email templates", "Basic editor features", "Email previews", "Community support", "Unlimited revisions"
|
|
]
|
|
},
|
|
{
|
|
id: "professional", badge: "Most Popular", badgeIcon: Sparkles,
|
|
price: "$99/mo", name: "Professional", buttons: [{ text: "Start Trial", href: "https://stripo.email/signup?plan=pro" }],
|
|
features: [
|
|
"Unlimited templates", "Advanced editor with AI", "AMP for Email support", "Priority email support", "API access", "Team collaboration", "Custom branding"
|
|
]
|
|
},
|
|
{
|
|
id: "business", price: "$299/mo", name: "Business", buttons: [{ text: "Start Trial", href: "https://stripo.email/signup?plan=business" }],
|
|
features: [
|
|
"Everything in Professional", "Dedicated account manager", "Advanced integrations", "White-label solution", "Custom template development", "Priority support 24/7", "SLA guarantee"
|
|
]
|
|
},
|
|
{
|
|
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [{ text: "Contact Sales", href: "https://stripo.email/contact-sales" }],
|
|
features: [
|
|
"Everything in Business", "Custom deployment options", "On-premise deployment", "Unlimited team members", "Advanced security features", "Custom development", "Strategic partnership"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="Loved by Marketing Teams Worldwide"
|
|
description="Join thousands of marketers who trust Stripo to create stunning email campaigns"
|
|
tag="Testimonials"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen", role: "Marketing Manager", company: "TechFlow", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/professional-headshot-of-a-diverse-woman-1772483302521-ebd20950.png"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Johnson", role: "Creative Director", company: "BrandCo Agency", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/professional-headshot-of-a-diverse-man-c-1772483302198-50786ade.png"
|
|
},
|
|
{
|
|
id: "3", name: "Elena Rodriguez", role: "CEO", company: "MarketPro", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/professional-headshot-of-a-latina-woman--1772483302161-a8e9d9b4.png"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", role: "Head of Growth", company: "StartupXYZ", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/professional-headshot-of-an-asian-man-st-1772483302070-121bce79.png"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Lopez", role: "Email Strategist", company: "Digital Ventures", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/professional-headshot-of-a-diverse-woman-1772483302217-24935a5f.png"
|
|
},
|
|
{
|
|
id: "6", name: "Alex Thompson", role: "Product Lead", company: "CloudSync", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/professional-headshot-of-a-man-tech-prod-1772483302054-eef0dfa1.png"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Companies"
|
|
description="Email teams at the world's best companies use Stripo every day"
|
|
tag="Clients"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
logos={[
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/minimalist-tech-company-logo-modern-sans-1772483300891-273ac85b.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/creative-agency-brand-logo-elegant-desig-1772483302295-cfb60004.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/marketing-platform-logo-geometric-shapes-1772483301932-9a3600e1.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/startup-company-logo-modern-wordmark-inn-1772483301611-3d34929d.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/digital-services-company-logo-profession-1772483302547-2537477f.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/cloud-computing-company-logo-tech-indust-1772483301715-e8e0efab.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/innovation-lab-logo-modern-tech-company--1772483302177-397869e2.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP7yNK9hV9usVZV3zU3EUaKz2w/growth-marketing-company-logo-profession-1772483302233-08feb781.png"
|
|
]}
|
|
names={["TechFlow", "BrandCo", "MarketPro", "StartupXYZ", "Digital Ventures", "CloudSync", "Innovate Labs", "GrowthCo"]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Everything you need to know about Stripo and email design"
|
|
textPosition="left"
|
|
animationType="smooth"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Do I need coding skills to use Stripo?", content: "No coding required! Stripo is designed for marketers of all skill levels. Our intuitive drag-and-drop editor makes creating professional emails easy for anyone."
|
|
},
|
|
{
|
|
id: "2", title: "Can I integrate Stripo with my ESP?", content: "Yes! Stripo integrates seamlessly with all major ESPs including Mailchimp, SendGrid, Klaviyo, HubSpot, and more. Check our integrations page for the complete list."
|
|
},
|
|
{
|
|
id: "3", title: "Are the templates mobile responsive?", content: "Absolutely. All Stripo templates are built to be responsive and look great on any device. You can preview and test across devices before sending."
|
|
},
|
|
{
|
|
id: "4", title: "What support do you offer?", content: "We offer email support for all plans, live chat for Professional and above, and 24/7 priority support for Business and Enterprise customers."
|
|
},
|
|
{
|
|
id: "5", title: "Is there a free trial?", content: "Yes! Start with our free Starter plan or get a 14-day free trial of any paid plan. No credit card required to get started."
|
|
},
|
|
{
|
|
id: "6", title: "Can I use custom fonts and branding?", content: "Professional and higher plans support custom branding, including your own fonts, colors, and logo. Enterprise plans include white-label options."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Stripo"
|
|
leftLink={{
|
|
text: "Privacy Policy", href: "https://stripo.email/privacy"
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service", href: "https://stripo.email/terms"
|
|
}}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|