bender/3a148d68-bdc5-47fb-a33a-d08b26864fb7
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-03-13 00:32:54 +00:00
Conversation 0 Commits 4 Files Changed 4 +104 -295
4 changed files with 104 additions and 295 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/app/about/page.tsx
View File

@@ -18,8 +18,7 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "/#features" },
{ label: "Pricing", href: "/#pricing" },
{ label: "Security", href: "#" },
@@ -27,8 +26,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -36,8 +34,7 @@ export default function AboutPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -53,7 +50,7 @@ export default function AboutPage() {
borderRadius="rounded"
contentWidth="small"
sizing="mediumLarge"
background="blurBottom"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
@@ -65,9 +62,7 @@ export default function AboutPage() {
brandName="RevenueLab"
navItems={navItems}
button={{
text: "Start Your Revenue Stream",
href: "#contact",
}}
text: "Start Your Revenue Stream", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -77,7 +72,7 @@ export default function AboutPage() {
<HeroSplitKpi
title="Building the Future of Creator Economics"
description="We believe every creator deserves the tools to monetize their expertise without complexity. RevenueLab empowers solopreneurs and small businesses to build sustainable, recurring revenue streams."
background={{ variant: "blurBottom" }}
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "50K+", label: "Active Creators" },
{ value: "$120M+", label: "Revenue Generated" },
@@ -87,7 +82,7 @@ export default function AboutPage() {
tag="Our Mission"
tagIcon={Zap}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6569.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6569.jpg"
imageAlt="RevenueLab team collaboration"
imagePosition="right"
mediaAnimation="slide-up"
@@ -109,13 +104,8 @@ export default function AboutPage() {
tagAnimation="slide-up"
features={[
{
id: "1",
title: "The Problem We Saw",
description: "Creators were forced to use 5-10 different tools to manage memberships, courses, affiliates, and ads. There had to be a better way.",
media: {
imageSrc: "http://img.b2bpic.net/free-vector/creative-colorful-venn-product-management-diagram_23-2149126979.jpg?_wi=2",
imageAlt: "Problem analysis",
},
id: "1", title: "The Problem We Saw", description: "Creators were forced to use 5-10 different tools to manage memberships, courses, affiliates, and ads. There had to be a better way.", media: {
imageSrc: "http://img.b2bpic.net/free-vector/creative-colorful-venn-product-management-diagram_23-2149126979.jpg", imageAlt: "Problem analysis"},
items: [
{ icon: Lightbulb, text: "Fragmented tooling ecosystem" },
{ icon: Users, text: "High operational overhead" },
@@ -124,13 +114,8 @@ export default function AboutPage() {
reverse: false,
},
{
id: "2",
title: "Our Solution",
description: "We built an all-in-one platform that consolidates every revenue stream a creator needs, with unified analytics and payment processing.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-laptop-screen-server-hub-employees-reading-paperwork_482257-122503.jpg?_wi=2",
imageAlt: "Solution implementation",
},
id: "2", title: "Our Solution", description: "We built an all-in-one platform that consolidates every revenue stream a creator needs, with unified analytics and payment processing.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-laptop-screen-server-hub-employees-reading-paperwork_482257-122503.jpg", imageAlt: "Solution implementation"},
items: [
{ icon: CheckCircle, text: "Single integrated platform" },
{ icon: CheckCircle, text: "Unified dashboard & analytics" },
@@ -139,13 +124,8 @@ export default function AboutPage() {
reverse: true,
},
{
id: "3",
title: "Where We Are Today",
description: "Trusted by 50K+ creators worldwide, RevenueLab has generated over $120 million in revenue for our community while maintaining 99.9% uptime.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-calculator_23-2148780608.jpg?_wi=3",
imageAlt: "Growth metrics",
},
id: "3", title: "Where We Are Today", description: "Trusted by 50K+ creators worldwide, RevenueLab has generated over $120 million in revenue for our community while maintaining 99.9% uptime.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-calculator_23-2148780608.jpg", imageAlt: "Growth metrics"},
items: [
{ icon: TrendingUp, text: "50K+ active creators" },
{ icon: TrendingUp, text: "$120M+ in creator revenue" },
@@ -170,13 +150,8 @@ export default function AboutPage() {
tagAnimation="slide-up"
features={[
{
id: "1",
title: "Creator-First Design",
description: "We design every feature with creators in mind. Your success is our success, and we're committed to removing friction from your revenue journey.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg?_wi=2",
imageAlt: "Creator community",
},
id: "1", title: "Creator-First Design", description: "We design every feature with creators in mind. Your success is our success, and we're committed to removing friction from your revenue journey.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", imageAlt: "Creator community"},
items: [
{ icon: Users, text: "Community-driven roadmap" },
{ icon: Lightbulb, text: "Transparent feature development" },
@@ -185,13 +160,8 @@ export default function AboutPage() {
reverse: false,
},
{
id: "2",
title: "Radical Transparency",
description: "No hidden fees, no surprise changes. We communicate openly about pricing, updates, and product decisions. You always know what you're getting.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg?_wi=2",
imageAlt: "Transparency commitment",
},
id: "2", title: "Radical Transparency", description: "No hidden fees, no surprise changes. We communicate openly about pricing, updates, and product decisions. You always know what you're getting.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg", imageAlt: "Transparency commitment"},
items: [
{ icon: CheckCircle, text: "Honest pricing" },
{ icon: CheckCircle, text: "Public roadmap" },
@@ -200,13 +170,8 @@ export default function AboutPage() {
reverse: true,
},
{
id: "3",
title: "Relentless Reliability",
description: "We invest heavily in infrastructure and security because your revenue depends on our platform. 99.9% uptime isn't a goal—it's a promise.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/friendly-manager-smiling-colleagues-break_1262-16107.jpg?_wi=2",
imageAlt: "Reliability standards",
},
id: "3", title: "Relentless Reliability", description: "We invest heavily in infrastructure and security because your revenue depends on our platform. 99.9% uptime isn't a goal—it's a promise.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/friendly-manager-smiling-colleagues-break_1262-16107.jpg", imageAlt: "Reliability standards"},
items: [
{ icon: CheckCircle, text: "99.9% uptime guarantee" },
{ icon: CheckCircle, text: "Bank-level security" },
@@ -224,7 +189,7 @@ export default function AboutPage() {
{/* Footer */}
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6569.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6569.jpg"
imageAlt="Revenue Generation Platform"
logoText="RevenueLab"
copyrightText="© 2025 RevenueLab. All rights reserved."

49
src/app/contact/page.tsx
View File

@@ -18,8 +18,7 @@ export default function ContactPage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "/#features" },
{ label: "Pricing", href: "/#pricing" },
{ label: "Security", href: "#" },
@@ -27,8 +26,7 @@ export default function ContactPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -36,8 +34,7 @@ export default function ContactPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -57,7 +54,7 @@ export default function ContactPage() {
borderRadius="rounded"
contentWidth="small"
sizing="mediumLarge"
background="blurBottom"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
@@ -69,9 +66,7 @@ export default function ContactPage() {
brandName="RevenueLab"
navItems={navItems}
button={{
text: "Start Your Revenue Stream",
href: "#contact",
}}
text: "Start Your Revenue Stream", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -82,7 +77,7 @@ export default function ContactPage() {
tag="Get Started"
title="Ready to Build Your Revenue Stream?"
description="Join us and discover how to transform your expertise into sustainable, recurring income. Start your free trial today and earn your first revenue within days."
background={{ variant: "blurBottom" }}
background={{ variant: "glowing-orb" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/laptop-with-many-envelopes_1134-191.jpg"
imageAlt="Newsletter signup"
@@ -108,35 +103,17 @@ export default function ContactPage() {
faqsAnimation="slide-up"
faqs={[
{
id: "1",
title: "How quickly can I start generating revenue?",
content: "Most users launch their first revenue stream within 24 hours. Our setup wizard guides you through everything, and you can go live as soon as your payment gateway is configured.",
},
id: "1", title: "How quickly can I start generating revenue?", content: "Most users launch their first revenue stream within 24 hours. Our setup wizard guides you through everything, and you can go live as soon as your payment gateway is configured."},
{
id: "2",
title: "Can I use multiple monetization methods at once?",
content: "Yes! That's one of our biggest advantages. You can run memberships, sell digital products, and earn affiliate commissions simultaneously on the same platform.",
},
id: "2", title: "Can I use multiple monetization methods at once?", content: "Yes! That's one of our biggest advantages. You can run memberships, sell digital products, and earn affiliate commissions simultaneously on the same platform."},
{
id: "3",
title: "What are your payment processing fees?",
content: "We charge 2.9% + $0.30 per transaction through Stripe. That's industry standard and transparent—no hidden fees or surprise charges.",
},
id: "3", title: "What are your payment processing fees?", content: "We charge 2.9% + $0.30 per transaction through Stripe. That's industry standard and transparent—no hidden fees or surprise charges."},
{
id: "4",
title: "Do you handle customer support?",
content: "Your customers contact you directly. We provide the tools and infrastructure, but you maintain your customer relationships and brand. We offer 24/7 support for platform issues.",
},
id: "4", title: "Do you handle customer support?", content: "Your customers contact you directly. We provide the tools and infrastructure, but you maintain your customer relationships and brand. We offer 24/7 support for platform issues."},
{
id: "5",
title: "Can I export my customer data?",
content: "Absolutely. You own all your data. Export customer lists, transaction history, and analytics in CSV or JSON format anytime, with no restrictions.",
},
id: "5", title: "Can I export my customer data?", content: "Absolutely. You own all your data. Export customer lists, transaction history, and analytics in CSV or JSON format anytime, with no restrictions."},
{
id: "6",
title: "What if I need custom features?",
content: "Our Enterprise plan includes API access for custom integrations and our team can discuss white-label or specialized development solutions for your needs.",
},
id: "6", title: "What if I need custom features?", content: "Our Enterprise plan includes API access for custom integrations and our team can discuss white-label or specialized development solutions for your needs."},
]}
/>
</div>
@@ -144,7 +121,7 @@ export default function ContactPage() {
{/* Footer */}
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6569.jpg?_wi=5"
imageSrc="http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6569.jpg"
imageAlt="Revenue Generation Platform"
logoText="RevenueLab"
copyrightText="© 2025 RevenueLab. All rights reserved."

213
src/app/page.tsx
View File

@@ -26,7 +26,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="small"
sizing="mediumLarge"
background="blurBottom"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
@@ -38,9 +38,7 @@ export default function HomePage() {
brandName="RevenueLab"
navItems={navItems}
button={{
text: "Start Your Revenue Stream",
href: "#contact",
}}
text: "Start Your Revenue Stream", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -50,7 +48,7 @@ export default function HomePage() {
<HeroSplitKpi
title="Turn Your Expertise Into Recurring Revenue"
description="Build a profitable digital business without the overhead. Choose from memberships, digital products, affiliate partnerships, or advertising—all managed in one place."
background={{ variant: "blurBottom" }}
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "4x", label: "Average Revenue Growth" },
{ value: "10+", label: "Monetization Methods" },
@@ -60,7 +58,7 @@ export default function HomePage() {
tag="Revenue Generation Made Simple"
tagIcon={Zap}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6569.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6569.jpg"
imageAlt="Revenue-generating platform dashboard"
imagePosition="right"
mediaAnimation="slide-up"
@@ -82,13 +80,8 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
id: "1",
title: "Membership Communities",
description: "Build recurring revenue with exclusive member-only content and benefits. Create tiered membership levels and nurture a loyal subscriber base.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-playing-videogame_23-2150571987.jpg",
imageAlt: "membership community digital platform access",
},
id: "1", title: "Membership Communities", description: "Build recurring revenue with exclusive member-only content and benefits. Create tiered membership levels and nurture a loyal subscriber base.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-playing-videogame_23-2150571987.jpg", imageAlt: "membership community digital platform access"},
items: [
{ icon: CheckCircle, text: "Recurring monthly revenue" },
{ icon: CheckCircle, text: "Tiered membership levels" },
@@ -97,13 +90,8 @@ export default function HomePage() {
reverse: false,
},
{
id: "2",
title: "Digital Products & Courses",
description: "Package your knowledge into courses, templates, or digital goods. Earn evergreen income with one-time creation and unlimited sales.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/local-retailer-helping-his-client-pay_23-2149349436.jpg?_wi=1",
imageAlt: "digital products e-book course online store",
},
id: "2", title: "Digital Products & Courses", description: "Package your knowledge into courses, templates, or digital goods. Earn evergreen income with one-time creation and unlimited sales.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/local-retailer-helping-his-client-pay_23-2149349436.jpg", imageAlt: "digital products e-book course online store"},
items: [
{ icon: CheckCircle, text: "Unlimited scalability" },
{ icon: CheckCircle, text: "Built-in payment processing" },
@@ -112,13 +100,8 @@ export default function HomePage() {
reverse: true,
},
{
id: "3",
title: "Affiliate Partnerships",
description: "Earn commissions by recommending products and services you trust. Leverage your audience to generate passive income through strategic partnerships.",
media: {
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-infographic-template_23-2148368930.jpg",
imageAlt: "affiliate marketing network partnership program",
},
id: "3", title: "Affiliate Partnerships", description: "Earn commissions by recommending products and services you trust. Leverage your audience to generate passive income through strategic partnerships.", media: {
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-infographic-template_23-2148368930.jpg", imageAlt: "affiliate marketing network partnership program"},
items: [
{ icon: CheckCircle, text: "Commission tracking dashboard" },
{ icon: CheckCircle, text: "Pre-vetted product partners" },
@@ -127,13 +110,8 @@ export default function HomePage() {
reverse: false,
},
{
id: "4",
title: "Advertising & Sponsorships",
description: "Monetize your audience with targeted ads and brand sponsorships. Earn while providing value—seamless integration with zero friction.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/person-uses-laptop-office_140725-8068.jpg",
imageAlt: "advertising revenue platform ads management system",
},
id: "4", title: "Advertising & Sponsorships", description: "Monetize your audience with targeted ads and brand sponsorships. Earn while providing value—seamless integration with zero friction.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/person-uses-laptop-office_140725-8068.jpg", imageAlt: "advertising revenue platform ads management system"},
items: [
{ icon: CheckCircle, text: "CPM and CPC options" },
{ icon: CheckCircle, text: "Brand sponsorship matching" },
@@ -158,13 +136,8 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
id: "1",
title: "Choose Your Model",
description: "Select one or more monetization methods based on your audience and expertise. Our guided wizard helps you pick the perfect fit.",
media: {
imageSrc: "http://img.b2bpic.net/free-vector/creative-colorful-venn-product-management-diagram_23-2149126979.jpg?_wi=1",
imageAlt: "choose business model decision making illustration",
},
id: "1", title: "Choose Your Model", description="Select one or more monetization methods based on your audience and expertise. Our guided wizard helps you pick the perfect fit.", media: {
imageSrc: "http://img.b2bpic.net/free-vector/creative-colorful-venn-product-management-diagram_23-2149126979.jpg", imageAlt: "choose business model decision making illustration"},
items: [
{ icon: Lightbulb, text: "Answer 5 quick questions" },
{ icon: Users, text: "Match with best revenue model" },
@@ -173,13 +146,8 @@ export default function HomePage() {
reverse: false,
},
{
id: "2",
title: "Set Up Your Platform",
description: "Connect your domain, configure your settings, and upload your first content. Our no-code setup takes just minutes.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-laptop-screen-server-hub-employees-reading-paperwork_482257-122503.jpg?_wi=1",
imageAlt: "setup configuration implementation getting started",
},
id: "2", title: "Set Up Your Platform", description: "Connect your domain, configure your settings, and upload your first content. Our no-code setup takes just minutes.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-laptop-screen-server-hub-employees-reading-paperwork_482257-122503.jpg", imageAlt: "setup configuration implementation getting started"},
items: [
{ icon: Cog, text: "Drag-and-drop site builder" },
{ icon: CheckCircle, text: "Secure payment processing" },
@@ -188,13 +156,8 @@ export default function HomePage() {
reverse: true,
},
{
id: "3",
title: "Launch & Earn",
description: "Go live and start generating revenue immediately. We handle payments, delivery, and analytics while you focus on growth.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-calculator_23-2148780608.jpg?_wi=1",
imageAlt: "launch growth scale earning revenue income",
},
id: "3", title: "Launch & Earn", description: "Go live and start generating revenue immediately. We handle payments, delivery, and analytics while you focus on growth.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-calculator_23-2148780608.jpg", imageAlt: "launch growth scale earning revenue income"},
items: [
{ icon: TrendingUp, text: "Real-time revenue tracking" },
{ icon: Mail, text: "Automated email campaigns" },
@@ -223,35 +186,14 @@ export default function HomePage() {
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1",
brand: "Platform",
name: "All-in-One Dashboard",
price: "Included",
rating: 5,
reviewCount: "2.3k",
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6569.jpg?_wi=2",
imageAlt: "Dashboard interface",
},
id: "1", brand: "Platform", name: "All-in-One Dashboard", price: "Included", rating: 5,
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6569.jpg", imageAlt: "Dashboard interface"},
{
id: "2",
brand: "Platform",
name: "Payment Processing",
price: "Included",
rating: 5,
reviewCount: "1.8k",
imageSrc: "http://img.b2bpic.net/free-photo/local-retailer-helping-his-client-pay_23-2149349436.jpg?_wi=2",
imageAlt: "Payment system",
},
id: "2", brand: "Platform", name: "Payment Processing", price: "Included", rating: 5,
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/local-retailer-helping-his-client-pay_23-2149349436.jpg", imageAlt: "Payment system"},
{
id: "3",
brand: "Platform",
name: "Customer Analytics",
price: "Included",
rating: 5,
reviewCount: "1.5k",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-calculator_23-2148780608.jpg?_wi=2",
imageAlt: "Analytics dashboard",
},
id: "3", brand: "Platform", name: "Customer Analytics", price: "Included", rating: 5,
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-calculator_23-2148780608.jpg", imageAlt: "Analytics dashboard"},
]}
/>
</div>
@@ -269,60 +211,31 @@ export default function HomePage() {
useInvertedBackground={false}
plans={[
{
id: "1",
badge: "Starter",
badgeIcon: Rocket,
price: "$29/mo",
subtitle: "Perfect for freelancers getting started",
buttons: [
id: "1", badge: "Starter", badgeIcon: Rocket,
price: "$29/mo", subtitle: "Perfect for freelancers getting started", buttons: [
{ text: "Get Started", href: "#contact" },
{ text: "View Details", href: "#" },
],
features: [
"1 monetization method",
"Up to 500 customers",
"Basic analytics",
"Email support",
"Standard payment processing",
],
"1 monetization method", "Up to 500 customers", "Basic analytics", "Email support", "Standard payment processing"],
},
{
id: "2",
badge: "Professional",
badgeIcon: Sparkles,
price: "$99/mo",
subtitle: "Best for growing businesses",
buttons: [
id: "2", badge: "Professional", badgeIcon: Sparkles,
price: "$99/mo", subtitle: "Best for growing businesses", buttons: [
{ text: "Get Started", href: "#contact" },
{ text: "View Details", href: "#" },
],
features: [
"All 4 monetization methods",
"Unlimited customers",
"Advanced analytics & reporting",
"Priority email & chat support",
"Custom branding",
"API access",
],
"All 4 monetization methods", "Unlimited customers", "Advanced analytics & reporting", "Priority email & chat support", "Custom branding", "API access"],
},
{
id: "3",
badge: "Enterprise",
badgeIcon: Heart,
price: "Custom",
subtitle: "For agencies and teams",
buttons: [
id: "3", badge: "Enterprise", badgeIcon: Heart,
price: "Custom", subtitle: "For agencies and teams", buttons: [
{ text: "Contact Sales", href: "#contact" },
{ text: "Learn More", href: "#" },
],
features: [
"Everything in Professional",
"Dedicated account manager",
"Custom integrations",
"White-label solutions",
"Advanced security & compliance",
"Phone & video support",
],
"Everything in Professional", "Dedicated account manager", "Custom integrations", "White-label solutions", "Advanced security & compliance", "Phone & video support"],
},
]}
/>
@@ -342,59 +255,23 @@ export default function HomePage() {
gridVariant="uniform-all-items-equal"
testimonials={[
{
id: "1",
name: "Sarah Chen",
role: "Design Strategist",
company: "Design Collective",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg?_wi=1",
imageAlt: "Sarah Chen",
},
id: "1", name: "Sarah Chen", role: "Design Strategist", company: "Design Collective", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", imageAlt: "Sarah Chen"},
{
id: "2",
name: "Marcus Rodriguez",
role: "Marketing Consultant",
company: "Growth Labs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/project-manager-discussing-deadline-videocall-digital-tablet_482257-79490.jpg",
imageAlt: "Marcus Rodriguez",
},
id: "2", name: "Marcus Rodriguez", role: "Marketing Consultant", company: "Growth Labs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/project-manager-discussing-deadline-videocall-digital-tablet_482257-79490.jpg", imageAlt: "Marcus Rodriguez"},
{
id: "3",
name: "Emily Watson",
role: "Content Creator",
company: "The Wellness Project",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",
imageAlt: "Emily Watson",
},
id: "3", name: "Emily Watson", role: "Content Creator", company: "The Wellness Project", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", imageAlt: "Emily Watson"},
{
id: "4",
name: "David Kim",
role: "Software Developer",
company: "Code Academy",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg?_wi=1",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", role: "Software Developer", company: "Code Academy", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Jessica Lopez",
role: "Business Coach",
company: "Success Coaching",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friendly-manager-smiling-colleagues-break_1262-16107.jpg?_wi=1",
imageAlt: "Jessica Lopez",
},
id: "5", name: "Jessica Lopez", role: "Business Coach", company: "Success Coaching", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friendly-manager-smiling-colleagues-break_1262-16107.jpg", imageAlt: "Jessica Lopez"},
{
id: "6",
name: "Alex Thompson",
role: "Podcast Producer",
company: "Audio Innovations",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/co-workers-smiling-after-hard-workday_1098-517.jpg",
imageAlt: "Alex Thompson",
},
id: "6", name: "Alex Thompson", role: "Podcast Producer", company: "Audio Innovations", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/co-workers-smiling-after-hard-workday_1098-517.jpg", imageAlt: "Alex Thompson"},
]}
/>
</div>

62
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,41 @@
"use client";
'use client';
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import { FC } from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
fontSize?: number;
fontWeight?: number | string;
fillColor?: string;
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: FC<SvgTextLogoProps> = ({
text,
fontSize = 48,
fontWeight = 'bold',
fillColor = 'currentColor',
className = '',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox={`0 0 ${text.length * (fontSize * 0.6)} ${fontSize * 1.5}`}
xmlns="http://www.w3.org/2000/svg"
className={className}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
fontSize={fontSize}
fontWeight={fontWeight}
fill={fillColor}
textAnchor="middle"
dominantBaseline="middle"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;