Merge version_1 into main #2
@@ -48,10 +48,10 @@ export default function AboutPage() {
|
||||
{ value: "10,000+", title: "Active Users" },
|
||||
{ value: "1M+", title: "Datasets Analyzed" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-comprehensive-saas-platform-overview-s-1773307333135-5919bd7d.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-comprehensive-saas-platform-overview-s-1773307333135-5919bd7d.png"
|
||||
imageAlt="My Analysis platform overview"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="entrance-slide"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -61,46 +61,22 @@ export default function AboutPage() {
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332071-d94c2b09.png?_wi=2",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332071-d94c2b09.png", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-fr-1773307332150-6ebfa7bb.png?_wi=2",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-fr-1773307332150-6ebfa7bb.png", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332453-c6aa16f1.png?_wi=2",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332453-c6aa16f1.png", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-wa-1773307332531-27d94ce2.png?_wi=2",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-wa-1773307332531-27d94ce2.png", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Anderson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332466-ac39f93c.png?_wi=2",
|
||||
imageAlt: "Lisa Anderson",
|
||||
},
|
||||
id: "5", name: "Lisa Anderson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332466-ac39f93c.png", imageAlt: "Lisa Anderson"},
|
||||
{
|
||||
id: "6",
|
||||
name: "James Wilson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-ap-1773307334375-05de783a.png?_wi=2",
|
||||
imageAlt: "James Wilson",
|
||||
},
|
||||
id: "6", name: "James Wilson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-ap-1773307334375-05de783a.png", imageAlt: "James Wilson"},
|
||||
]}
|
||||
cardTitle="Over 10,000 professionals trust My Analysis to transform their data into insights"
|
||||
cardTag="Trusted by Industry Leaders"
|
||||
cardTagIcon={Users}
|
||||
cardAnimation="entrance-slide"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
206
src/app/page.tsx
206
src/app/page.tsx
@@ -42,9 +42,7 @@ export default function HomePage() {
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "Start Free Trial",
|
||||
href: "/dashboard",
|
||||
};
|
||||
text: "Start Free Trial", href: "/dashboard"};
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
@@ -108,18 +106,13 @@ export default function HomePage() {
|
||||
description="Transform raw data into actionable intelligence. Upload datasets, generate professional dashboards, apply intelligent filters, and unlock AI-powered insights in seconds. The modern SaaS platform for data-driven decision making."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "/dashboard",
|
||||
},
|
||||
text: "Start Free Trial", href: "/dashboard"},
|
||||
{
|
||||
text: "Watch Demo",
|
||||
href: "https://example.com/demo",
|
||||
},
|
||||
text: "Watch Demo", href: "https://example.com/demo"},
|
||||
]}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-modern-clean-saas-analytics-dashboard--1773307334776-2bee4373.png?_wi=1"
|
||||
variant: "sparkles-gradient"}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-modern-clean-saas-analytics-dashboard--1773307334776-2bee4373.png"
|
||||
imageAlt="My Analysis dashboard showcase"
|
||||
mediaAnimation="slide-up"
|
||||
frameStyle="browser"
|
||||
@@ -131,94 +124,66 @@ export default function HomePage() {
|
||||
<FeatureCardTen
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Smart Data Upload",
|
||||
description: "Upload CSV, Excel, or SQL files instantly. Our AI automatically detects columns, formats, and prepares your data for immediate analysis.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-file-upload-interface-sho-1773307335015-2a5a6bf8.png?_wi=1",
|
||||
},
|
||||
id: "1", title: "Smart Data Upload", description: "Upload CSV, Excel, or SQL files instantly. Our AI automatically detects columns, formats, and prepares your data for immediate analysis.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-file-upload-interface-sho-1773307335015-2a5a6bf8.png"},
|
||||
items: [
|
||||
{
|
||||
icon: Upload,
|
||||
text: "Multi-format support",
|
||||
},
|
||||
text: "Multi-format support"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Instant data detection",
|
||||
},
|
||||
text: "Instant data detection"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Secure storage",
|
||||
},
|
||||
text: "Secure storage"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Intelligent Filtering System",
|
||||
description: "AI-powered dynamic filters automatically generated from your dataset. Filter by date, category, region, and more with beautiful, responsive interfaces.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/an-intelligent-filtering-interface-showi-1773307333845-e79be33a.png?_wi=1",
|
||||
},
|
||||
id: "2", title: "Intelligent Filtering System", description: "AI-powered dynamic filters automatically generated from your dataset. Filter by date, category, region, and more with beautiful, responsive interfaces.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/an-intelligent-filtering-interface-showi-1773307333845-e79be33a.png"},
|
||||
items: [
|
||||
{
|
||||
icon: Filter,
|
||||
text: "Auto-generated filters",
|
||||
},
|
||||
text: "Auto-generated filters"},
|
||||
{
|
||||
icon: BarChart3,
|
||||
text: "Real-time updates",
|
||||
},
|
||||
text: "Real-time updates"},
|
||||
{
|
||||
icon: RefreshCw,
|
||||
text: "One-click reset",
|
||||
},
|
||||
text: "One-click reset"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Professional Visualizations",
|
||||
description: "Create stunning, multicolor charts and visualizations in seconds. Pie, bar, line, and area charts that update instantly when you apply filters.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/professional-multicolor-charts-including-1773307333300-b09f5407.png?_wi=1",
|
||||
},
|
||||
id: "3", title: "Professional Visualizations", description: "Create stunning, multicolor charts and visualizations in seconds. Pie, bar, line, and area charts that update instantly when you apply filters.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/professional-multicolor-charts-including-1773307333300-b09f5407.png"},
|
||||
items: [
|
||||
{
|
||||
icon: PieChart,
|
||||
text: "Multiple chart types",
|
||||
},
|
||||
text: "Multiple chart types"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
text: "Real-time rendering",
|
||||
},
|
||||
text: "Real-time rendering"},
|
||||
{
|
||||
icon: Download,
|
||||
text: "Export as images",
|
||||
},
|
||||
text: "Export as images"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "AI-Powered Insights",
|
||||
description: "Discover hidden patterns and trends automatically. Our AI analyzes your data and generates meaningful insights about top performers, seasonal trends, and growth opportunities.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/an-ai-powered-insights-display-showing-t-1773307334612-49754da9.png?_wi=1",
|
||||
},
|
||||
id: "4", title: "AI-Powered Insights", description: "Discover hidden patterns and trends automatically. Our AI analyzes your data and generates meaningful insights about top performers, seasonal trends, and growth opportunities.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/an-ai-powered-insights-display-showing-t-1773307334612-49754da9.png"},
|
||||
items: [
|
||||
{
|
||||
icon: Lightbulb,
|
||||
text: "Automated analysis",
|
||||
},
|
||||
text: "Automated analysis"},
|
||||
{
|
||||
icon: Brain,
|
||||
text: "Pattern recognition",
|
||||
},
|
||||
text: "Pattern recognition"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Actionable recommendations",
|
||||
},
|
||||
text: "Actionable recommendations"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
@@ -240,18 +205,14 @@ export default function HomePage() {
|
||||
description="My Analysis was built for data enthusiasts, business analysts, and decision makers who want powerful insights without the complexity. We combine enterprise-grade analytics with an intuitive interface that anyone can master in minutes."
|
||||
metrics={[
|
||||
{
|
||||
value: "10,000+",
|
||||
title: "Active Users",
|
||||
},
|
||||
value: "10,000+", title: "Active Users"},
|
||||
{
|
||||
value: "1M+",
|
||||
title: "Datasets Analyzed",
|
||||
},
|
||||
value: "1M+", title: "Datasets Analyzed"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-comprehensive-saas-platform-overview-s-1773307333135-5919bd7d.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-comprehensive-saas-platform-overview-s-1773307333135-5919bd7d.png"
|
||||
imageAlt="My Analysis platform overview"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="entrance-slide"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -263,32 +224,16 @@ export default function HomePage() {
|
||||
tag="Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "98",
|
||||
title: "Uptime",
|
||||
description: "Reliability you can count on",
|
||||
icon: Activity,
|
||||
id: "1", value: "98", title: "Uptime", description: "Reliability you can count on", icon: Activity,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "50",
|
||||
title: "Hours Saved",
|
||||
description: "Average per project per month",
|
||||
icon: Clock,
|
||||
id: "2", value: "50", title: "Hours Saved", description: "Average per project per month", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "40",
|
||||
title: "Faster Analysis",
|
||||
description: "Compared to manual methods",
|
||||
icon: Zap,
|
||||
id: "3", value: "40", title: "Faster Analysis", description: "Compared to manual methods", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "100",
|
||||
title: "Success Rate",
|
||||
description: "User satisfaction guarantee",
|
||||
icon: CheckCircle,
|
||||
id: "4", value: "100", title: "Success Rate", description: "User satisfaction guarantee", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
@@ -302,40 +247,22 @@ export default function HomePage() {
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332071-d94c2b09.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332071-d94c2b09.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-fr-1773307332150-6ebfa7bb.png?_wi=1",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-fr-1773307332150-6ebfa7bb.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332453-c6aa16f1.png?_wi=1",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332453-c6aa16f1.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-wa-1773307332531-27d94ce2.png?_wi=1",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-wa-1773307332531-27d94ce2.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Anderson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332466-ac39f93c.png?_wi=1",
|
||||
},
|
||||
id: "5", name: "Lisa Anderson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332466-ac39f93c.png"},
|
||||
{
|
||||
id: "6",
|
||||
name: "James Wilson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-ap-1773307334375-05de783a.png?_wi=1",
|
||||
},
|
||||
id: "6", name: "James Wilson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-ap-1773307334375-05de783a.png"},
|
||||
]}
|
||||
cardTitle="Over 10,000 professionals trust My Analysis to transform their data into insights"
|
||||
cardTag="Trusted by Industry Leaders"
|
||||
cardTagIcon={Users}
|
||||
cardAnimation="entrance-slide"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -347,41 +274,23 @@ export default function HomePage() {
|
||||
tag="FAQ"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What file formats does My Analysis support?",
|
||||
content: "My Analysis supports CSV, Excel (.xlsx), and SQL files. Simply upload your file and our AI automatically detects columns, data types, and prepares everything for analysis in seconds.",
|
||||
},
|
||||
id: "1", title: "What file formats does My Analysis support?", content: "My Analysis supports CSV, Excel (.xlsx), and SQL files. Simply upload your file and our AI automatically detects columns, data types, and prepares everything for analysis in seconds."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How does the AI insight engine work?",
|
||||
content: "Our AI analyzes your uploaded datasets and generated visualizations to identify patterns, trends, and anomalies. It produces actionable insights about top performers, seasonal trends, revenue patterns, and growth opportunities.",
|
||||
},
|
||||
id: "2", title: "How does the AI insight engine work?", content: "Our AI analyzes your uploaded datasets and generated visualizations to identify patterns, trends, and anomalies. It produces actionable insights about top performers, seasonal trends, revenue patterns, and growth opportunities."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I export charts and data?",
|
||||
content: "Yes! You can download individual charts as high-resolution PNG images, export underlying data in multiple formats, and share charts with team members via shareable links with customizable permissions.",
|
||||
},
|
||||
id: "3", title: "Can I export charts and data?", content: "Yes! You can download individual charts as high-resolution PNG images, export underlying data in multiple formats, and share charts with team members via shareable links with customizable permissions."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is my data secure?",
|
||||
content: "Absolutely. All data is encrypted in transit and at rest. We comply with GDPR, HIPAA, and SOC 2 standards. Your data is stored in secure, replicated servers with automatic backups.",
|
||||
},
|
||||
id: "4", title: "Is my data secure?", content: "Absolutely. All data is encrypted in transit and at rest. We comply with GDPR, HIPAA, and SOC 2 standards. Your data is stored in secure, replicated servers with automatic backups."},
|
||||
{
|
||||
id: "5",
|
||||
title: "How many datasets can I upload?",
|
||||
content: "Free users can upload up to 10 datasets. Pro users get unlimited uploads with advanced storage options. Each dataset can contain up to 1 million rows.",
|
||||
},
|
||||
id: "5", title: "How many datasets can I upload?", content: "Free users can upload up to 10 datasets. Pro users get unlimited uploads with advanced storage options. Each dataset can contain up to 1 million rows."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Do you offer API access?",
|
||||
content: "Yes! Pro and Enterprise plans include full API access for programmatic uploads, chart generation, and insight retrieval. Complete documentation and SDKs are available.",
|
||||
},
|
||||
id: "6", title: "Do you offer API access?", content: "Yes! Pro and Enterprise plans include full API access for programmatic uploads, chart generation, and insight retrieval. Complete documentation and SDKs are available."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-modern-friendly-illustration-showing-a-1773307335027-eab48af8.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-modern-friendly-illustration-showing-a-1773307335027-eab48af8.png"
|
||||
imageAlt="FAQ support illustration"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
faqsAnimation="entrance-slide"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -391,27 +300,16 @@ export default function HomePage() {
|
||||
<ContactFaq
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What's included in the free trial?",
|
||||
content: "The free trial includes full access to all features: unlimited file uploads, AI insights, chart generation, intelligent filters, and data export for 30 days.",
|
||||
},
|
||||
id: "1", title: "What's included in the free trial?", content: "The free trial includes full access to all features: unlimited file uploads, AI insights, chart generation, intelligent filters, and data export for 30 days."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I upgrade or downgrade anytime?",
|
||||
content: "Yes, you can change your plan at any time. Changes take effect immediately, and we'll prorate any charges or credits to your account.",
|
||||
},
|
||||
id: "2", title: "Can I upgrade or downgrade anytime?", content: "Yes, you can change your plan at any time. Changes take effect immediately, and we'll prorate any charges or credits to your account."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you provide customer support?",
|
||||
content: "Of course! Free users get email support. Pro users get priority email and chat support. Enterprise customers receive 24/7 phone support and a dedicated success manager.",
|
||||
},
|
||||
id: "3", title: "Do you provide customer support?", content: "Of course! Free users get email support. Pro users get priority email and chat support. Enterprise customers receive 24/7 phone support and a dedicated success manager."},
|
||||
]}
|
||||
ctaTitle="Ready to transform your data?"
|
||||
ctaDescription="Start your free 30-day trial today. No credit card required. Full access to all features."
|
||||
ctaButton={{
|
||||
text: "Start Free Trial",
|
||||
href: "/dashboard",
|
||||
}}
|
||||
text: "Start Free Trial", href: "/dashboard"}}
|
||||
ctaIcon={ArrowRight}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
|
||||
@@ -82,18 +82,14 @@ export default function ProfilePage() {
|
||||
description="My Analysis was built for data enthusiasts, business analysts, and decision makers who want powerful insights without the complexity. We combine enterprise-grade analytics with an intuitive interface that anyone can master in minutes."
|
||||
metrics={[
|
||||
{
|
||||
value: "10,000+",
|
||||
title: "Active Users",
|
||||
},
|
||||
value: "10,000+", title: "Active Users"},
|
||||
{
|
||||
value: "1M+",
|
||||
title: "Datasets Analyzed",
|
||||
},
|
||||
value: "1M+", title: "Datasets Analyzed"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-comprehensive-saas-platform-overview-s-1773307333135-5919bd7d.png?_wi=3"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-comprehensive-saas-platform-overview-s-1773307333135-5919bd7d.png"
|
||||
imageAlt="My Analysis platform overview"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="entrance-slide"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,32 +98,16 @@ export default function ProfilePage() {
|
||||
<MetricCardOne
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "98",
|
||||
title: "Uptime",
|
||||
description: "Reliability you can count on",
|
||||
icon: Activity,
|
||||
id: "1", value: "98", title: "Uptime", description: "Reliability you can count on", icon: Activity,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "50",
|
||||
title: "Hours Saved",
|
||||
description: "Average per project per month",
|
||||
icon: Clock,
|
||||
id: "2", value: "50", title: "Hours Saved", description: "Average per project per month", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "40",
|
||||
title: "Faster Analysis",
|
||||
description: "Compared to manual methods",
|
||||
icon: Zap,
|
||||
id: "3", value: "40", title: "Faster Analysis", description: "Compared to manual methods", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "100",
|
||||
title: "Success Rate",
|
||||
description: "User satisfaction guarantee",
|
||||
icon: CheckCircle,
|
||||
id: "4", value: "100", title: "Success Rate", description: "User satisfaction guarantee", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Proven Results"
|
||||
@@ -144,46 +124,22 @@ export default function ProfilePage() {
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332071-d94c2b09.png?_wi=3",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332071-d94c2b09.png", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-fr-1773307332150-6ebfa7bb.png?_wi=3",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-fr-1773307332150-6ebfa7bb.png", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332453-c6aa16f1.png?_wi=3",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332453-c6aa16f1.png", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-wa-1773307332531-27d94ce2.png?_wi=3",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-wa-1773307332531-27d94ce2.png", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Anderson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332466-ac39f93c.png?_wi=3",
|
||||
imageAlt: "Lisa Anderson",
|
||||
},
|
||||
id: "5", name: "Lisa Anderson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-woman-with--1773307332466-ac39f93c.png", imageAlt: "Lisa Anderson"},
|
||||
{
|
||||
id: "6",
|
||||
name: "James Wilson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-ap-1773307334375-05de783a.png?_wi=3",
|
||||
imageAlt: "James Wilson",
|
||||
},
|
||||
id: "6", name: "James Wilson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-headshot-of-a-man-with-ap-1773307334375-05de783a.png", imageAlt: "James Wilson"},
|
||||
]}
|
||||
cardTitle="Over 10,000 professionals trust My Analysis to transform their data into insights"
|
||||
cardTag="Trusted by Industry Leaders"
|
||||
cardTagIcon={Users}
|
||||
cardAnimation="entrance-slide"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -50,7 +50,7 @@ export default function UploadPage() {
|
||||
{ text: "Watch Demo", href: "https://example.com/demo" },
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-modern-clean-saas-analytics-dashboard--1773307334776-2bee4373.png?_wi=3"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-modern-clean-saas-analytics-dashboard--1773307334776-2bee4373.png"
|
||||
imageAlt="My Analysis dashboard showcase"
|
||||
mediaAnimation="slide-up"
|
||||
frameStyle="browser"
|
||||
@@ -66,12 +66,8 @@ export default function UploadPage() {
|
||||
tag="Capabilities"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Smart Data Upload",
|
||||
description: "Upload CSV, Excel, or SQL files instantly. Our AI automatically detects columns, formats, and prepares your data for immediate analysis.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-file-upload-interface-sho-1773307335015-2a5a6bf8.png?_wi=2",
|
||||
},
|
||||
id: "1", title: "Smart Data Upload", description: "Upload CSV, Excel, or SQL files instantly. Our AI automatically detects columns, formats, and prepares your data for immediate analysis.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-professional-file-upload-interface-sho-1773307335015-2a5a6bf8.png"},
|
||||
items: [
|
||||
{ icon: Upload, text: "Multi-format support" },
|
||||
{ icon: Zap, text: "Instant data detection" },
|
||||
@@ -80,12 +76,8 @@ export default function UploadPage() {
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Intelligent Filtering System",
|
||||
description: "AI-powered dynamic filters automatically generated from your dataset. Filter by date, category, region, and more with beautiful, responsive interfaces.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/an-intelligent-filtering-interface-showi-1773307333845-e79be33a.png?_wi=2",
|
||||
},
|
||||
id: "2", title: "Intelligent Filtering System", description: "AI-powered dynamic filters automatically generated from your dataset. Filter by date, category, region, and more with beautiful, responsive interfaces.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/an-intelligent-filtering-interface-showi-1773307333845-e79be33a.png"},
|
||||
items: [
|
||||
{ icon: Filter, text: "Auto-generated filters" },
|
||||
{ icon: BarChart3, text: "Real-time updates" },
|
||||
@@ -94,12 +86,8 @@ export default function UploadPage() {
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Professional Visualizations",
|
||||
description: "Create stunning, multicolor charts and visualizations in seconds. Pie, bar, line, and area charts that update instantly when you apply filters.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/professional-multicolor-charts-including-1773307333300-b09f5407.png?_wi=2",
|
||||
},
|
||||
id: "3", title: "Professional Visualizations", description: "Create stunning, multicolor charts and visualizations in seconds. Pie, bar, line, and area charts that update instantly when you apply filters.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/professional-multicolor-charts-including-1773307333300-b09f5407.png"},
|
||||
items: [
|
||||
{ icon: PieChart, text: "Multiple chart types" },
|
||||
{ icon: TrendingUp, text: "Real-time rendering" },
|
||||
@@ -108,12 +96,8 @@ export default function UploadPage() {
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "AI-Powered Insights",
|
||||
description: "Discover hidden patterns and trends automatically. Our AI analyzes your data and generates meaningful insights about top performers, seasonal trends, and growth opportunities.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/an-ai-powered-insights-display-showing-t-1773307334612-49754da9.png?_wi=2",
|
||||
},
|
||||
id: "4", title: "AI-Powered Insights", description: "Discover hidden patterns and trends automatically. Our AI analyzes your data and generates meaningful insights about top performers, seasonal trends, and growth opportunities.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/an-ai-powered-insights-display-showing-t-1773307334612-49754da9.png"},
|
||||
items: [
|
||||
{ icon: Lightbulb, text: "Automated analysis" },
|
||||
{ icon: Brain, text: "Pattern recognition" },
|
||||
@@ -136,32 +120,16 @@ export default function UploadPage() {
|
||||
tag="Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "98",
|
||||
title: "Uptime",
|
||||
description: "Reliability you can count on",
|
||||
icon: Activity,
|
||||
id: "1", value: "98", title: "Uptime", description: "Reliability you can count on", icon: Activity,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "50",
|
||||
title: "Hours Saved",
|
||||
description: "Average per project per month",
|
||||
icon: Clock,
|
||||
id: "2", value: "50", title: "Hours Saved", description: "Average per project per month", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "40",
|
||||
title: "Faster Analysis",
|
||||
description: "Compared to manual methods",
|
||||
icon: Zap,
|
||||
id: "3", value: "40", title: "Faster Analysis", description: "Compared to manual methods", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "100",
|
||||
title: "Success Rate",
|
||||
description: "User satisfaction guarantee",
|
||||
icon: CheckCircle,
|
||||
id: "4", value: "100", title: "Success Rate", description: "User satisfaction guarantee", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
@@ -179,41 +147,23 @@ export default function UploadPage() {
|
||||
tag="FAQ"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What file formats does My Analysis support?",
|
||||
content: "My Analysis supports CSV, Excel (.xlsx), and SQL files. Simply upload your file and our AI automatically detects columns, data types, and prepares everything for analysis in seconds.",
|
||||
},
|
||||
id: "1", title: "What file formats does My Analysis support?", content: "My Analysis supports CSV, Excel (.xlsx), and SQL files. Simply upload your file and our AI automatically detects columns, data types, and prepares everything for analysis in seconds."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How does the AI insight engine work?",
|
||||
content: "Our AI analyzes your uploaded datasets and generated visualizations to identify patterns, trends, and anomalies. It produces actionable insights about top performers, seasonal trends, revenue patterns, and growth opportunities.",
|
||||
},
|
||||
id: "2", title: "How does the AI insight engine work?", content: "Our AI analyzes your uploaded datasets and generated visualizations to identify patterns, trends, and anomalies. It produces actionable insights about top performers, seasonal trends, revenue patterns, and growth opportunities."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I export charts and data?",
|
||||
content: "Yes! You can download individual charts as high-resolution PNG images, export underlying data in multiple formats, and share charts with team members via shareable links with customizable permissions.",
|
||||
},
|
||||
id: "3", title: "Can I export charts and data?", content: "Yes! You can download individual charts as high-resolution PNG images, export underlying data in multiple formats, and share charts with team members via shareable links with customizable permissions."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is my data secure?",
|
||||
content: "Absolutely. All data is encrypted in transit and at rest. We comply with GDPR, HIPAA, and SOC 2 standards. Your data is stored in secure, replicated servers with automatic backups.",
|
||||
},
|
||||
id: "4", title: "Is my data secure?", content: "Absolutely. All data is encrypted in transit and at rest. We comply with GDPR, HIPAA, and SOC 2 standards. Your data is stored in secure, replicated servers with automatic backups."},
|
||||
{
|
||||
id: "5",
|
||||
title: "How many datasets can I upload?",
|
||||
content: "Free users can upload up to 10 datasets. Pro users get unlimited uploads with advanced storage options. Each dataset can contain up to 1 million rows.",
|
||||
},
|
||||
id: "5", title: "How many datasets can I upload?", content: "Free users can upload up to 10 datasets. Pro users get unlimited uploads with advanced storage options. Each dataset can contain up to 1 million rows."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Do you offer API access?",
|
||||
content: "Yes! Pro and Enterprise plans include full API access for programmatic uploads, chart generation, and insight retrieval. Complete documentation and SDKs are available.",
|
||||
},
|
||||
id: "6", title: "Do you offer API access?", content: "Yes! Pro and Enterprise plans include full API access for programmatic uploads, chart generation, and insight retrieval. Complete documentation and SDKs are available."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-modern-friendly-illustration-showing-a-1773307335027-eab48af8.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq5RVSwTjzYdHWlLFaoT4cdWms/a-modern-friendly-illustration-showing-a-1773307335027-eab48af8.png"
|
||||
imageAlt="FAQ support illustration"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
faqsAnimation="entrance-slide"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -224,20 +174,11 @@ export default function UploadPage() {
|
||||
<ContactFaq
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What's included in the free trial?",
|
||||
content: "The free trial includes full access to all features: unlimited file uploads, AI insights, chart generation, intelligent filters, and data export for 30 days.",
|
||||
},
|
||||
id: "1", title: "What's included in the free trial?", content: "The free trial includes full access to all features: unlimited file uploads, AI insights, chart generation, intelligent filters, and data export for 30 days."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I upgrade or downgrade anytime?",
|
||||
content: "Yes, you can change your plan at any time. Changes take effect immediately, and we'll prorate any charges or credits to your account.",
|
||||
},
|
||||
id: "2", title: "Can I upgrade or downgrade anytime?", content: "Yes, you can change your plan at any time. Changes take effect immediately, and we'll prorate any charges or credits to your account."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you provide customer support?",
|
||||
content: "Of course! Free users get email support. Pro users get priority email and chat support. Enterprise customers receive 24/7 phone support and a dedicated success manager.",
|
||||
},
|
||||
id: "3", title: "Do you provide customer support?", content: "Of course! Free users get email support. Pro users get priority email and chat support. Enterprise customers receive 24/7 phone support and a dedicated success manager."},
|
||||
]}
|
||||
ctaTitle="Ready to transform your data?"
|
||||
ctaDescription="Start your free 30-day trial today. No credit card required. Full access to all features."
|
||||
|
||||
@@ -1,51 +1,49 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
fontSize?: number;
|
||||
fontFamily?: string;
|
||||
fontWeight?: string | number;
|
||||
fill?: string;
|
||||
width?: number;
|
||||
height?: number;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
fontSize = 48,
|
||||
fontFamily = 'Arial, sans-serif',
|
||||
fontWeight = 'bold',
|
||||
fill = 'currentColor',
|
||||
width = 300,
|
||||
height = 80,
|
||||
className = '',
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
width={width}
|
||||
height={height}
|
||||
viewBox={`0 0 ${width} ${height}`}
|
||||
className={className}
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
aria-label={text}
|
||||
>
|
||||
<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}
|
||||
fontFamily={fontFamily}
|
||||
fontWeight={fontWeight}
|
||||
fill={fill}
|
||||
textAnchor="middle"
|
||||
dominantBaseline="central"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user