bender/098039dc-64b6-4c60-9414-b6aab8943eea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-17 09:33:46 +00:00
Conversation 0 Commits 1 Files Changed 1 +41 -222
1 changed files with 41 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files

263
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Features",
id: "#features",
},
{
name: "Products",
id: "#products",
},
{
name: "Testimonials",
id: "#testimonials",
},
{
name: "FAQ",
id: "#faq",
},
{ name: "Features", id: "#features" },
{ name: "Products", id: "#products" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "FAQ", id: "#faq" },
]}
brandName="MailerPro"
/>
@@ -54,48 +42,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated-grid",
}}
background={{ variant: "rotated-rays-animated-grid" }}
title="Scale Your Email Reach with Unmatched Precision"
description="Send millions of emails daily with our enterprise-grade delivery infrastructure designed for high-performance marketing."
buttons={[
{
text: "Get Started",
href: "#contact",
},
]}
buttons={[{ text: "Get Started", href: "#contact" }]}
carouselItems={[
{
id: "c1",
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=1",
imageAlt: "Dashboard",
},
{
id: "c2",
imageSrc: "http://img.b2bpic.net/free-photo/desk-with-cup-laptop_1134-192.jpg?_wi=1",
imageAlt: "Automation",
},
{
id: "c3",
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=1",
imageAlt: "Analytics",
},
{
id: "c4",
imageSrc: "http://img.b2bpic.net/free-photo/server-cloud-data-storage-concept-cloudscape-digital-online-service-global-network-web-database-backup-computer-infrastructure-technology_90220-1325.jpg",
imageAlt: "Infrastructure",
},
{
id: "c5",
imageSrc: "http://img.b2bpic.net/free-photo/php-programming-html-coding-cyberspace-concept_53876-128030.jpg",
imageAlt: "Campaign Builder",
},
{
id: "c6",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots_1048-8571.jpg",
imageAlt: "Data Flow",
},
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "Dashboard" },
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/desk-with-cup-laptop_1134-192.jpg", imageAlt: "Automation" },
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Analytics" },
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/server-cloud-data-storage-concept-cloudscape-digital-online-service-global-network-web-database-backup-computer-infrastructure-technology_90220-1325.jpg", imageAlt: "Infrastructure" },
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/php-programming-html-coding-cyberspace-concept_53876-128030.jpg", imageAlt: "Campaign Builder" },
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots_1048-8571.jpg", imageAlt: "Data Flow" },
]}
/>
</div>
@@ -113,43 +70,20 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureCardNine
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
title: "Smart Segmentation",
description: "Divide your audience based on behavior and intent for hyper-targeted delivery.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-closed-black-gift-box_107791-18203.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=2",
imageAlt: "smartphone app ui dashboard",
title: "Smart Segmentation", description: "Divide your audience based on behavior and intent for hyper-targeted delivery.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-closed-black-gift-box_107791-18203.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg" }
},
{
title: "Automated Workflows",
description: "Trigger emails based on user actions to engage your audience precisely when it matters.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/floating-screen-colorized-glass-phone-16-pro-max_187299-46131.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/desk-with-cup-laptop_1134-192.jpg?_wi=2",
imageAlt: "smartphone app ui dashboard",
title: "Automated Workflows", description: "Trigger emails based on user actions to engage your audience precisely when it matters.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/floating-screen-colorized-glass-phone-16-pro-max_187299-46131.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg" }
},
{
title: "High Delivery Rates",
description: "Optimized infrastructure ensuring your communications land in the inbox, not spam.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169853.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=2",
imageAlt: "smartphone app ui dashboard",
title: "High Delivery Rates", description: "Optimized infrastructure ensuring your communications land in the inbox, not spam.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169853.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg" }
},
]}
showStepNumbers={true}
@@ -165,60 +99,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Standard",
name: "Starter Plan",
price: "$49/mo",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499138.jpg",
},
{
id: "p2",
brand: "Standard",
name: "API Access",
price: "$99/mo",
rating: 5,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-vector/gradient-api-infographic_23-2149368726.jpg",
},
{
id: "p3",
brand: "Enterprise",
name: "Global Reach",
price: "$299/mo",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-vector/creative-user-interface-25-flat-icon-pack-such-as-slider-communication-sidebar-user-interface_1142-26726.jpg",
},
{
id: "p4",
brand: "Enterprise",
name: "Auto Trigger",
price: "$499/mo",
rating: 5,
reviewCount: "32",
imageSrc: "http://img.b2bpic.net/free-vector/monitor-with-envelope-mail-set-icons_24911-45503.jpg",
},
{
id: "p5",
brand: "Premium",
name: "Secure Delivery",
price: "$799/mo",
rating: 5,
reviewCount: "21",
imageSrc: "http://img.b2bpic.net/free-photo/quality-service-guaranteed-premium-quality-concept_53876-133870.jpg",
},
{
id: "p6",
brand: "Premium",
name: "Funnel Analytics",
price: "$999/mo",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/high-quality-brand-badge-banner-copy-space-concept_53876-13783.jpg",
},
{ id: "p1", brand: "Standard", name: "Starter Plan", price: "$49/mo", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499138.jpg" },
{ id: "p2", brand: "Standard", name: "API Access", price: "$99/mo", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-vector/gradient-api-infographic_23-2149368726.jpg" },
{ id: "p3", brand: "Enterprise", name: "Global Reach", price: "$299/mo", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-vector/creative-user-interface-25-flat-icon-pack-such-as-slider-communication-sidebar-user-interface_1142-26726.jpg" },
{ id: "p4", brand: "Enterprise", name: "Auto Trigger", price: "$499/mo", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-vector/monitor-with-envelope-mail-set-icons_24911-45503.jpg" },
{ id: "p5", brand: "Premium", name: "Secure Delivery", price: "$799/mo", rating: 5, reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/quality-service-guaranteed-premium-quality-concept_53876-133870.jpg" },
{ id: "p6", brand: "Premium", name: "Funnel Analytics", price: "$999/mo", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/high-quality-brand-badge-banner-copy-space-concept_53876-13783.jpg" },
]}
title="Platform Tiers"
description="Flexible plans designed to fit your unique volume requirements."
@@ -231,21 +117,9 @@ export default function LandingPage() {
title="Performance at a Glance"
tag="Live Stats"
metrics={[
{
id: "m1",
value: "1.2B+",
description: "Emails Delivered",
},
{
id: "m2",
value: "99.9%",
description: "Uptime Guaranteed",
},
{
id: "m3",
value: "24/7",
description: "Priority Support",
},
{ id: "m1", value: "1.2B+", description: "Emails Delivered" },
{ id: "m2", value: "99.9%", description: "Uptime Guaranteed" },
{ id: "m3", value: "24/7", description: "Priority Support" },
]}
metricsAnimation="slide-up"
/>
@@ -257,41 +131,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Jenkins",
handle: "@sarahj",
testimonial: "The delivery speed is incredible and setup was effortless.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg",
},
{
id: "t2",
name: "Mark Evans",
handle: "@markevans",
testimonial: "Finally, a platform that understands what high volume means.",
imageSrc: "http://img.b2bpic.net/free-photo/young-slim-sensual-girl-gray-dress-holds-cup-coffee_613910-8711.jpg",
},
{
id: "t3",
name: "Elena Rodriguez",
handle: "@elenar",
testimonial: "The reporting interface is absolutely beautiful and useful.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg",
},
{
id: "t4",
name: "David Wu",
handle: "@davidwu",
testimonial: "Customer support helped us migrate within an hour.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
},
{
id: "t5",
name: "Chloe Bennett",
handle: "@chloeb",
testimonial: "Excellent analytics helped us double our ROI quickly.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-man-with-glasses-medium-shot_23-2148336905.jpg",
},
{ id: "t1", name: "Sarah Jenkins", handle: "@sarahj", testimonial: "The delivery speed is incredible and setup was effortless.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg" },
{ id: "t2", name: "Mark Evans", handle: "@markevans", testimonial: "Finally, a platform that understands what high volume means.", imageSrc: "http://img.b2bpic.net/free-photo/young-slim-sensual-girl-gray-dress-holds-cup-coffee_613910-8711.jpg" },
{ id: "t3", name: "Elena Rodriguez", handle: "@elenar", testimonial: "The reporting interface is absolutely beautiful and useful.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg" },
{ id: "t4", name: "David Wu", handle: "@davidwu", testimonial: "Customer support helped us migrate within an hour.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg" },
{ id: "t5", name: "Chloe Bennett", handle: "@chloeb", testimonial: "Excellent analytics helped us double our ROI quickly.", imageSrc: "http://img.b2bpic.net/free-photo/professional-man-with-glasses-medium-shot_23-2148336905.jpg" },
]}
title="Loved by Marketing Teams"
description="Discover why leading digital agencies trust our bulk mailing platform."
@@ -303,21 +147,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How does volume pricing work?",
content: "Our volume pricing is tiered based on your monthly send quota, providing you with lower per-email costs at higher scales.",
},
{
id: "f2",
title: "Do you support custom domains?",
content: "Yes, we support full custom domain integration for all our plans to ensure your brand's reputation remains secure.",
},
{
id: "f3",
title: "Can I integrate via API?",
content: "Our robust API allows for seamless integration into any existing workflow, enabling you to automate emails dynamically.",
},
{ id: "f1", title: "How does volume pricing work?", content: "Our volume pricing is tiered based on your monthly send quota, providing you with lower per-email costs at higher scales." },
{ id: "f2", title: "Do you support custom domains?", content: "Yes, we support full custom domain integration for all our plans to ensure your brand's reputation remains secure." },
{ id: "f3", title: "Can I integrate via API?", content: "Our robust API allows for seamless integration into any existing workflow, enabling you to automate emails dynamically." },
]}
imageSrc="http://img.b2bpic.net/free-vector/cold-calling-abstract-concept-illustration_335657-4478.jpg"
title="Common Questions"
@@ -329,33 +161,20 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
text="Ready to take your bulk mailing to the next level?"
buttons={[
{
text: "Contact Support",
href: "mailto:hello@example.com",
},
]}
buttons={[{ text: "Contact Support", href: "mailto:hello@example.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="MailerPro"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}