Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -41,9 +41,7 @@ export default function HomePage() {
|
||||
brandName="SYS AI"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "https://demo.sys-ai.erp/signup",
|
||||
}}
|
||||
text: "Get Started", href: "https://demo.sys-ai.erp/signup"}}
|
||||
className="fixed top-4 left-4 right-4 z-50"
|
||||
buttonClassName="px-6 py-2"
|
||||
/>
|
||||
@@ -59,56 +57,34 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-enterprise-erp-dashboard-interf-1773260887888-cc42326a.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-enterprise-erp-dashboard-interf-1773260887888-cc42326a.png"
|
||||
imageAlt="Enterprise ERP Dashboard"
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Priya Sharma",
|
||||
handle: "Operations Director, TechFlow Industries",
|
||||
testimonial: "Implementing this ERP system reduced our operational costs by 35% in the first year. The automation capabilities are exceptional.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-confident-bus-1773260887349-df6e54ab.png",
|
||||
},
|
||||
name: "Priya Sharma", handle: "Operations Director, TechFlow Industries", testimonial: "Implementing this ERP system reduced our operational costs by 35% in the first year. The automation capabilities are exceptional.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-confident-bus-1773260887349-df6e54ab.png"},
|
||||
{
|
||||
name: "James Mitchell",
|
||||
handle: "CFO, Global Manufacturing Corp",
|
||||
testimonial: "The financial reporting module alone has saved us thousands in audit time. This is a game-changer for enterprise management.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-female-financ-1773260886452-f7305f22.png",
|
||||
},
|
||||
name: "James Mitchell", handle: "CFO, Global Manufacturing Corp", testimonial: "The financial reporting module alone has saved us thousands in audit time. This is a game-changer for enterprise management.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-female-financ-1773260886452-f7305f22.png"},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
handle: "Supply Chain Manager, Commerce Solutions",
|
||||
testimonial: "Real-time inventory tracking and supplier management has transformed our supply chain efficiency. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-business-oper-1773260887132-e34f2065.png",
|
||||
},
|
||||
name: "Elena Rodriguez", handle: "Supply Chain Manager, Commerce Solutions", testimonial: "Real-time inventory tracking and supplier management has transformed our supply chain efficiency. Highly recommended.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-business-oper-1773260887132-e34f2065.png"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "https://demo.sys-ai.erp/trial",
|
||||
},
|
||||
text: "Start Free Trial", href: "https://demo.sys-ai.erp/trial"},
|
||||
{
|
||||
text: "Schedule Demo",
|
||||
href: "https://demo.sys-ai.erp/demo",
|
||||
},
|
||||
text: "Schedule Demo", href: "https://demo.sys-ai.erp/demo"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-confident-bus-1773260887349-df6e54ab.png",
|
||||
alt: "Customer avatar",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-confident-bus-1773260887349-df6e54ab.png", alt: "Customer avatar"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-female-financ-1773260886452-f7305f22.png",
|
||||
alt: "Customer avatar",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-female-financ-1773260886452-f7305f22.png", alt: "Customer avatar"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-business-oper-1773260887132-e34f2065.png",
|
||||
alt: "Customer avatar",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-business-oper-1773260887132-e34f2065.png", alt: "Customer avatar"},
|
||||
]}
|
||||
avatarText="Join 500+ enterprises"
|
||||
/>
|
||||
@@ -124,33 +100,13 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "01",
|
||||
title: "Workflow Automation",
|
||||
description: "Automate repetitive business processes and eliminate manual work. Reduce errors and increase productivity across all departments.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-workflow-automation-visual-showing-pro-1773260887710-955647a7.png?_wi=1",
|
||||
imageAlt: "Workflow automation diagram",
|
||||
},
|
||||
id: "01", title: "Workflow Automation", description: "Automate repetitive business processes and eliminate manual work. Reduce errors and increase productivity across all departments.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-workflow-automation-visual-showing-pro-1773260887710-955647a7.png", imageAlt: "Workflow automation diagram"},
|
||||
{
|
||||
id: "02",
|
||||
title: "Advanced Analytics & Reporting",
|
||||
description: "Gain deep insights with customizable dashboards and real-time reports. Make informed decisions backed by accurate data.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-comprehensive-reporting-and-analytics--1773260888049-45fadd00.png?_wi=1",
|
||||
imageAlt: "Analytics dashboard",
|
||||
},
|
||||
id: "02", title: "Advanced Analytics & Reporting", description: "Gain deep insights with customizable dashboards and real-time reports. Make informed decisions backed by accurate data.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-comprehensive-reporting-and-analytics--1773260888049-45fadd00.png", imageAlt: "Analytics dashboard"},
|
||||
{
|
||||
id: "03",
|
||||
title: "Team Collaboration",
|
||||
description: "Enable seamless communication and document sharing across departments. Improve coordination and project management efficiency.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-team-collaboration-interface-showing-r-1773260890636-c0ecafa3.png?_wi=1",
|
||||
imageAlt: "Team collaboration interface",
|
||||
},
|
||||
id: "03", title: "Team Collaboration", description: "Enable seamless communication and document sharing across departments. Improve coordination and project management efficiency.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-team-collaboration-interface-showing-r-1773260890636-c0ecafa3.png", imageAlt: "Team collaboration interface"},
|
||||
{
|
||||
id: "04",
|
||||
title: "Scalable Architecture",
|
||||
description: "Grow without limitations. Our cloud-native platform scales with your business from startup to enterprise level.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-enterprise-erp-dashboard-interf-1773260887888-cc42326a.png?_wi=2",
|
||||
imageAlt: "Scalable system architecture",
|
||||
},
|
||||
id: "04", title: "Scalable Architecture", description: "Grow without limitations. Our cloud-native platform scales with your business from startup to enterprise level.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-enterprise-erp-dashboard-interf-1773260887888-cc42326a.png", imageAlt: "Scalable system architecture"},
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
@@ -158,9 +114,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore All Features",
|
||||
href: "/solutions",
|
||||
},
|
||||
text: "Explore All Features", href: "/solutions"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,24 +126,16 @@ export default function HomePage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Revenue Growth",
|
||||
value: "42%",
|
||||
},
|
||||
label: "Revenue Growth", value: "42%"},
|
||||
{
|
||||
icon: Building2,
|
||||
label: "Enterprise Clients",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Enterprise Clients", value: "500+"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Global Presence",
|
||||
value: "75+",
|
||||
},
|
||||
label: "Global Presence", value: "75+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Active Users",
|
||||
value: "100K+",
|
||||
},
|
||||
label: "Active Users", value: "100K+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -204,15 +150,10 @@ export default function HomePage() {
|
||||
tag="Partners"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft", "Oracle", "SAP", "Salesforce", "Amazon Web Services", "Google Cloud", "IBM"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/collection-flat-design-c-logos_23-2148901463.jpg",
|
||||
"http://img.b2bpic.net/free-vector/hand-drawn-data-logo-template_23-2149204606.jpg",
|
||||
"http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149201864.jpg",
|
||||
"http://img.b2bpic.net/free-vector/virtual-cloud-logo_1071-65.jpg",
|
||||
"http://img.b2bpic.net/free-vector/social-network-concept_23-2147505117.jpg",
|
||||
"http://img.b2bpic.net/free-vector/futuristic-cloud-computing-tech-background-data-visualization_1017-57870.jpg",
|
||||
"http://img.b2bpic.net/free-vector/industry-4-0-logo-design_23-2151266854.jpg",
|
||||
]}
|
||||
"http://img.b2bpic.net/free-vector/collection-flat-design-c-logos_23-2148901463.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-data-logo-template_23-2149204606.jpg", "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149201864.jpg", "http://img.b2bpic.net/free-vector/virtual-cloud-logo_1071-65.jpg", "http://img.b2bpic.net/free-vector/social-network-concept_23-2147505117.jpg", "http://img.b2bpic.net/free-vector/futuristic-cloud-computing-tech-background-data-visualization_1017-57870.jpg", "http://img.b2bpic.net/free-vector/industry-4-0-logo-design_23-2151266854.jpg"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -228,65 +169,17 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rajesh Patel, CEO of TechFlow Industries",
|
||||
date: "Date: 15 November 2024",
|
||||
title: "Exceptional Implementation Support",
|
||||
quote: "The onboarding process was smooth and the dedicated support team ensured our 200-person organization was up and running within 6 weeks. Their expertise is unmatched in the ERP space.",
|
||||
tag: "Enterprise",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-confident-bus-1773260887349-df6e54ab.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-office-environment-with-busines-1773260887280-5d90fc23.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Rajesh Patel, CEO of TechFlow Industries", date: "Date: 15 November 2024", title: "Exceptional Implementation Support", quote: "The onboarding process was smooth and the dedicated support team ensured our 200-person organization was up and running within 6 weeks. Their expertise is unmatched in the ERP space.", tag: "Enterprise", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-confident-bus-1773260887349-df6e54ab.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-office-environment-with-busines-1773260887280-5d90fc23.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria Chen, CFO of Global Manufacturing Corp",
|
||||
date: "Date: 22 October 2024",
|
||||
title: "Outstanding Financial Management",
|
||||
quote: "The financial modules have given us complete visibility into our P&L across all divisions. Audit time has been cut by 60% and our CFO team can now focus on strategy instead of reconciliation.",
|
||||
tag: "Finance",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-female-financ-1773260886452-f7305f22.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-enterprise-erp-dashboard-interf-1773260887888-cc42326a.png?_wi=3",
|
||||
},
|
||||
id: "2", name: "Maria Chen, CFO of Global Manufacturing Corp", date: "Date: 22 October 2024", title: "Outstanding Financial Management", quote: "The financial modules have given us complete visibility into our P&L across all divisions. Audit time has been cut by 60% and our CFO team can now focus on strategy instead of reconciliation.", tag: "Finance", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-female-financ-1773260886452-f7305f22.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-enterprise-erp-dashboard-interf-1773260887888-cc42326a.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Kowalski, COO of Commerce Solutions",
|
||||
date: "Date: 8 October 2024",
|
||||
title: "Transformation at Scale",
|
||||
quote: "Managing 15 warehouses across 3 countries is now seamless. Real-time inventory visibility and automated reordering have reduced stockouts by 75% and cut carrying costs by 28%.",
|
||||
tag: "Operations",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-business-oper-1773260887132-e34f2065.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-workflow-automation-visual-showing-pro-1773260887710-955647a7.png?_wi=2",
|
||||
},
|
||||
id: "3", name: "David Kowalski, COO of Commerce Solutions", date: "Date: 8 October 2024", title: "Transformation at Scale", quote: "Managing 15 warehouses across 3 countries is now seamless. Real-time inventory visibility and automated reordering have reduced stockouts by 75% and cut carrying costs by 28%.", tag: "Operations", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-business-oper-1773260887132-e34f2065.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-workflow-automation-visual-showing-pro-1773260887710-955647a7.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sophie Laurent, VP Sales at Continental Services",
|
||||
date: "Date: 25 September 2024",
|
||||
title: "Sales Team Empowerment",
|
||||
quote: "Our sales team now has instant access to customer history, inventory, and delivery status. Deal closure time has improved by 40% and customer satisfaction scores hit an all-time high.",
|
||||
tag: "Sales",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-business-deve-1773260886571-56179c7d.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-comprehensive-reporting-and-analytics--1773260888049-45fadd00.png?_wi=2",
|
||||
},
|
||||
id: "4", name: "Sophie Laurent, VP Sales at Continental Services", date: "Date: 25 September 2024", title: "Sales Team Empowerment", quote: "Our sales team now has instant access to customer history, inventory, and delivery status. Deal closure time has improved by 40% and customer satisfaction scores hit an all-time high.", tag: "Sales", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-business-deve-1773260886571-56179c7d.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-comprehensive-reporting-and-analytics--1773260888049-45fadd00.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Klaus Mueller, Production Manager at EuroManufact",
|
||||
date: "Date: 12 September 2024",
|
||||
title: "Manufacturing Excellence",
|
||||
quote: "Production scheduling is now data-driven and our equipment downtime has been reduced by 45%. The predictive maintenance features alone have saved us over €2 million annually.",
|
||||
tag: "Manufacturing",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-manufacturing-1773260886981-7ca18b43.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-team-collaboration-interface-showing-r-1773260890636-c0ecafa3.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Klaus Mueller, Production Manager at EuroManufact", date: "Date: 12 September 2024", title: "Manufacturing Excellence", quote: "Production scheduling is now data-driven and our equipment downtime has been reduced by 45%. The predictive maintenance features alone have saved us over €2 million annually.", tag: "Manufacturing", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-a-manufacturing-1773260886981-7ca18b43.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-team-collaboration-interface-showing-r-1773260890636-c0ecafa3.png"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Amelia Thompson, CTO of Digital Innovations Inc",
|
||||
date: "Date: 1 September 2024",
|
||||
title: "Enterprise-Grade Reliability",
|
||||
quote: "The system architecture is solid. We've achieved 99.99% uptime, the API is well-documented, and their technical support team responds within minutes to any critical issue.",
|
||||
tag: "Technology",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-an-it-director--1773260887023-400d2d97.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-enterprise-erp-dashboard-interf-1773260887888-cc42326a.png?_wi=4",
|
||||
},
|
||||
id: "6", name: "Amelia Thompson, CTO of Digital Innovations Inc", date: "Date: 1 September 2024", title: "Enterprise-Grade Reliability", quote: "The system architecture is solid. We've achieved 99.99% uptime, the API is well-documented, and their technical support team responds within minutes to any critical issue.", tag: "Technology", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/professional-headshot-of-an-it-director--1773260887023-400d2d97.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-enterprise-erp-dashboard-interf-1773260887888-cc42326a.png"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -302,45 +195,21 @@ export default function HomePage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does implementation typically take?",
|
||||
content: "Implementation timeline depends on your organization's complexity and size. Most implementations take 8-16 weeks. We provide dedicated implementation teams and comprehensive training to ensure smooth deployment.",
|
||||
},
|
||||
id: "1", title: "How long does implementation typically take?", content: "Implementation timeline depends on your organization's complexity and size. Most implementations take 8-16 weeks. We provide dedicated implementation teams and comprehensive training to ensure smooth deployment."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What about data migration from legacy systems?",
|
||||
content: "We handle complete data migration from your existing systems. Our team validates data integrity, manages mappings, and ensures zero data loss. Migration is typically completed during your implementation phase.",
|
||||
},
|
||||
id: "2", title: "What about data migration from legacy systems?", content: "We handle complete data migration from your existing systems. Our team validates data integrity, manages mappings, and ensures zero data loss. Migration is typically completed during your implementation phase."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is the platform cloud-based or on-premise?",
|
||||
content: "Our platform is primarily cloud-based for maximum scalability and reliability. However, we offer hybrid deployments for organizations with specific compliance requirements. All options include automatic updates and backups.",
|
||||
},
|
||||
id: "3", title: "Is the platform cloud-based or on-premise?", content: "Our platform is primarily cloud-based for maximum scalability and reliability. However, we offer hybrid deployments for organizations with specific compliance requirements. All options include automatic updates and backups."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What kind of training and support is included?",
|
||||
content: "We provide comprehensive training including online documentation, video tutorials, live webinars, and dedicated onboarding specialists. Premium support includes 24/7 phone and email support with guaranteed response times.",
|
||||
},
|
||||
id: "4", title: "What kind of training and support is included?", content: "We provide comprehensive training including online documentation, video tutorials, live webinars, and dedicated onboarding specialists. Premium support includes 24/7 phone and email support with guaranteed response times."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Can the system integrate with our existing tools?",
|
||||
content: "Yes, our platform has a comprehensive API and pre-built integrations with popular business applications. Our integration specialists can also build custom connectors for your specific needs.",
|
||||
},
|
||||
id: "5", title: "Can the system integrate with our existing tools?", content: "Yes, our platform has a comprehensive API and pre-built integrations with popular business applications. Our integration specialists can also build custom connectors for your specific needs."},
|
||||
{
|
||||
id: "6",
|
||||
title: "What security measures are in place?",
|
||||
content: "We implement enterprise-grade security including 256-bit encryption, multi-factor authentication, role-based access control, and regular security audits. We're compliant with SOC 2, ISO 27001, and industry-specific regulations.",
|
||||
},
|
||||
id: "6", title: "What security measures are in place?", content: "We implement enterprise-grade security including 256-bit encryption, multi-factor authentication, role-based access control, and regular security audits. We're compliant with SOC 2, ISO 27001, and industry-specific regulations."},
|
||||
{
|
||||
id: "7",
|
||||
title: "How is pricing calculated?",
|
||||
content: "Pricing is based on number of users, modules selected, and deployment type. We offer flexible monthly or annual subscription models with transparent pricing. Volume discounts are available for larger organizations.",
|
||||
},
|
||||
id: "7", title: "How is pricing calculated?", content: "Pricing is based on number of users, modules selected, and deployment type. We offer flexible monthly or annual subscription models with transparent pricing. Volume discounts are available for larger organizations."},
|
||||
{
|
||||
id: "8",
|
||||
title: "What is your uptime guarantee?",
|
||||
content: "We guarantee 99.99% uptime with automatic failover and redundant systems. Our SLA includes guaranteed response and resolution times for critical issues based on your support tier.",
|
||||
},
|
||||
id: "8", title: "What is your uptime guarantee?", content: "We guarantee 99.99% uptime with automatic failover and redundant systems. Our SLA includes guaranteed response and resolution times for critical issues based on your support tier."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -355,7 +224,7 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-office-environment-with-busines-1773260887280-5d90fc23.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoZJZp3XEyY5WESTIi9eMg0W2K/a-modern-office-environment-with-busines-1773260887280-5d90fc23.png"
|
||||
imageAlt="Professional office collaboration"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
@@ -370,13 +239,9 @@ export default function HomePage() {
|
||||
<FooterLogoReveal
|
||||
logoText="SYS AI"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
text: "Privacy Policy", href: "/privacy"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
}}
|
||||
text: "Terms of Service", href: "/terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -1,51 +1,47 @@
|
||||
"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;
|
||||
className?: string;
|
||||
fontSize?: number;
|
||||
fontFamily?: string;
|
||||
fontWeight?: number | string;
|
||||
letterSpacing?: number;
|
||||
fill?: string;
|
||||
dominantBaseline?: 'auto' | 'text-top' | 'hanging' | 'central' | 'middle' | 'text-bottom' | 'ideographic' | 'mathematical';
|
||||
}
|
||||
|
||||
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,
|
||||
className = '',
|
||||
fontSize = 32,
|
||||
fontFamily = 'system-ui, -apple-system, sans-serif',
|
||||
fontWeight = 'bold',
|
||||
letterSpacing = 0,
|
||||
fill = 'currentColor',
|
||||
dominantBaseline = 'central',
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
className={className}
|
||||
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.5}`}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<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%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline={dominantBaseline}
|
||||
fontSize={fontSize}
|
||||
fontFamily={fontFamily}
|
||||
fontWeight={fontWeight}
|
||||
letterSpacing={letterSpacing}
|
||||
fill={fill}
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user