Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -7,7 +7,7 @@ import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import Link from "next/link";
|
||||
import { Shield, Zap, Users, Truck, Award, TrendingUp, Package, Globe } from "lucide-react";
|
||||
import { Shield, Zap, Users, Truck, Award, TrendingUp, Package, Globe, MessageSquare } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
@@ -25,7 +25,7 @@ export default function AboutPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -45,39 +45,27 @@ export default function AboutPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Premium Quality Assurance",
|
||||
description: "Every component undergoes rigorous testing and certification to meet international industrial standards",
|
||||
},
|
||||
title: "Premium Quality Assurance", description: "Every component undergoes rigorous testing and certification to meet international industrial standards"},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Advanced Technology",
|
||||
description: "Engineered with precision using state-of-the-art manufacturing processes and materials",
|
||||
},
|
||||
title: "Advanced Technology", description: "Engineered with precision using state-of-the-art manufacturing processes and materials"},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Expert Technical Support",
|
||||
description: "Dedicated team of engineers available 24/7 for installation, troubleshooting, and optimization",
|
||||
},
|
||||
title: "Expert Technical Support", description: "Dedicated team of engineers available 24/7 for installation, troubleshooting, and optimization"},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Global Distribution",
|
||||
description: "Fast and reliable worldwide shipping with real-time tracking and comprehensive logistics support",
|
||||
},
|
||||
title: "Global Distribution", description: "Fast and reliable worldwide shipping with real-time tracking and comprehensive logistics support"},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Industry Certified",
|
||||
description: "ISO certified manufacturing facilities with proven track record serving Fortune 500 companies",
|
||||
},
|
||||
title: "Industry Certified", description: "ISO certified manufacturing facilities with proven track record serving Fortune 500 companies"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Continuous Innovation",
|
||||
description: "Committed to R&D investments ensuring products stay at the forefront of industrial technology",
|
||||
},
|
||||
title: "Continuous Innovation", description: "Committed to R&D investments ensuring products stay at the forefront of industrial technology"},
|
||||
]}
|
||||
title="Why Choose Fatisoft Global"
|
||||
description="We deliver industrial excellence through cutting-edge technology, rigorous quality control, and dedicated customer support"
|
||||
tag="Core Strengths"
|
||||
tagIcon={Star}
|
||||
tagIcon={Shield}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -89,29 +77,17 @@ export default function AboutPage() {
|
||||
<MetricCardThree
|
||||
metrics={[
|
||||
{
|
||||
id: "customers",
|
||||
icon: Users,
|
||||
title: "Global Customers",
|
||||
value: "2,500+",
|
||||
},
|
||||
id: "customers", icon: Users,
|
||||
title: "Global Customers", value: "2,500+"},
|
||||
{
|
||||
id: "products",
|
||||
icon: Package,
|
||||
title: "Products Shipped",
|
||||
value: "500K+",
|
||||
},
|
||||
id: "products", icon: Package,
|
||||
title: "Products Shipped", value: "500K+"},
|
||||
{
|
||||
id: "countries",
|
||||
icon: Globe,
|
||||
title: "Operating Countries",
|
||||
value: "85+",
|
||||
},
|
||||
id: "countries", icon: Globe,
|
||||
title: "Operating Countries", value: "85+"},
|
||||
{
|
||||
id: "uptime",
|
||||
icon: Zap,
|
||||
title: "System Uptime",
|
||||
value: "99.9%",
|
||||
},
|
||||
id: "uptime", icon: Zap,
|
||||
title: "System Uptime", value: "99.9%"},
|
||||
]}
|
||||
title="Our Impact & Achievement"
|
||||
description="Proven track record of delivering industrial excellence on a global scale"
|
||||
@@ -128,41 +104,13 @@ export default function AboutPage() {
|
||||
<TestimonialCardTen
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Transformed Manufacturing Efficiency",
|
||||
quote: "Since partnering with Fatisoft Global, our production output increased by 35% while reducing maintenance costs significantly. Their industrial motors are built to last and perform flawlessly under demanding conditions.",
|
||||
name: "Ahmed Hassan",
|
||||
role: "Procurement Manager, TechCorp Manufacturing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg?_wi=3",
|
||||
imageAlt: "Ahmed Hassan",
|
||||
},
|
||||
id: "1", title: "Transformed Manufacturing Efficiency", quote: "Since partnering with Fatisoft Global, our production output increased by 35% while reducing maintenance costs significantly. Their industrial motors are built to last and perform flawlessly under demanding conditions.", name: "Ahmed Hassan", role: "Procurement Manager, TechCorp Manufacturing", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", imageAlt: "Ahmed Hassan"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Unmatched Technical Excellence",
|
||||
quote: "The precision and reliability of Fatisoft's components exceeded our expectations. Their technical support team went above and beyond to ensure seamless integration into our operations.",
|
||||
name: "Maria Rodriguez",
|
||||
role: "Operations Director, Industrial Solutions Inc",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg?_wi=3",
|
||||
imageAlt: "Maria Rodriguez",
|
||||
},
|
||||
id: "2", title: "Unmatched Technical Excellence", quote: "The precision and reliability of Fatisoft's components exceeded our expectations. Their technical support team went above and beyond to ensure seamless integration into our operations.", name: "Maria Rodriguez", role: "Operations Director, Industrial Solutions Inc", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg", imageAlt: "Maria Rodriguez"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Quality Meets Performance",
|
||||
quote: "We've tested many suppliers, but Fatisoft Global consistently delivers the highest quality industrial equipment. Their commitment to excellence is evident in every product.",
|
||||
name: "James Mitchell",
|
||||
role: "Engineering Lead, Precision Manufacturing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg?_wi=3",
|
||||
imageAlt: "James Mitchell",
|
||||
},
|
||||
id: "3", title: "Quality Meets Performance", quote: "We've tested many suppliers, but Fatisoft Global consistently delivers the highest quality industrial equipment. Their commitment to excellence is evident in every product.", name: "James Mitchell", role: "Engineering Lead, Precision Manufacturing", imageSrc: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg", imageAlt: "James Mitchell"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Reliable Global Partner",
|
||||
quote: "Working with Fatisoft Global has streamlined our supply chain dramatically. Their worldwide distribution network and responsive customer service make them an invaluable business partner.",
|
||||
name: "Sarah Chen",
|
||||
role: "Supply Chain Manager, Global Industries",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-working-together-side-view_23-2149871311.jpg?_wi=3",
|
||||
imageAlt: "Sarah Chen",
|
||||
},
|
||||
id: "4", title: "Reliable Global Partner", quote: "Working with Fatisoft Global has streamlined our supply chain dramatically. Their worldwide distribution network and responsive customer service make them an invaluable business partner.", name: "Sarah Chen", role: "Supply Chain Manager, Global Industries", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-working-together-side-view_23-2149871311.jpg", imageAlt: "Sarah Chen"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear from industry leaders about their experience with Fatisoft Global solutions"
|
||||
@@ -176,14 +124,13 @@ export default function AboutPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rusty-gear-assembly_1136-278.jpg?_wi=5"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rusty-gear-assembly_1136-278.jpg"
|
||||
imageAlt="Fatisoft Global industrial excellence"
|
||||
logoText="Fatisoft Global"
|
||||
copyrightText="© 2025 Fatisoft Global Ltd. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{ label: "Electric Motors", href: "/" },
|
||||
{ label: "Components", href: "/" },
|
||||
{ label: "Equipment", href: "/" },
|
||||
@@ -191,8 +138,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Careers", href: "/" },
|
||||
@@ -200,8 +146,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Technical Support", href: "/" },
|
||||
{ label: "Documentation", href: "/" },
|
||||
|
||||
@@ -22,7 +22,7 @@ export default function ContactPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -41,31 +41,26 @@ export default function ContactPage() {
|
||||
<ContactText
|
||||
text="Ready to optimize your industrial operations? Get in touch with our expert team today for personalized solutions and competitive quotes."
|
||||
animationType="reveal-blur"
|
||||
background={{ variant: "fluid" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Request Quote", href: "/contact"},
|
||||
{
|
||||
text: "Schedule Demo",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Schedule Demo", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rusty-gear-assembly_1136-278.jpg?_wi=6"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rusty-gear-assembly_1136-278.jpg"
|
||||
imageAlt="Fatisoft Global industrial excellence"
|
||||
logoText="Fatisoft Global"
|
||||
copyrightText="© 2025 Fatisoft Global Ltd. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{ label: "Electric Motors", href: "/" },
|
||||
{ label: "Components", href: "/" },
|
||||
{ label: "Equipment", href: "/" },
|
||||
@@ -73,8 +68,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Careers", href: "/" },
|
||||
@@ -82,8 +76,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Technical Support", href: "/" },
|
||||
{ label: "Documentation", href: "/" },
|
||||
|
||||
191
src/app/page.tsx
191
src/app/page.tsx
@@ -11,16 +11,13 @@ import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import {
|
||||
Zap,
|
||||
Package,
|
||||
Star,
|
||||
Shield,
|
||||
Users,
|
||||
Truck,
|
||||
Award,
|
||||
TrendingUp,
|
||||
Globe,
|
||||
MessageSquare,
|
||||
Handshake,
|
||||
DollarSign,
|
||||
} from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
@@ -39,7 +36,7 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -61,49 +58,29 @@ export default function HomePage() {
|
||||
tag="Industry Leading Quality"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "fluid" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rusty-gear-assembly_1136-278.jpg?_wi=1"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rusty-gear-assembly_1136-278.jpg"
|
||||
imageAlt="Industrial electric motors and components"
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ahmed Hassan",
|
||||
handle: "Procurement Manager, TechCorp Manufacturing",
|
||||
testimonial: "Fatisoft's industrial components have transformed our production efficiency. Exceptional quality and reliability!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg?_wi=1",
|
||||
},
|
||||
name: "Ahmed Hassan", handle: "Procurement Manager, TechCorp Manufacturing", testimonial: "Fatisoft's industrial components have transformed our production efficiency. Exceptional quality and reliability!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg"},
|
||||
{
|
||||
name: "Maria Rodriguez",
|
||||
handle: "Operations Director, Industrial Solutions Inc",
|
||||
testimonial: "Outstanding service and premium-grade products. They understand industrial requirements perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg?_wi=1",
|
||||
},
|
||||
name: "Maria Rodriguez", handle: "Operations Director, Industrial Solutions Inc", testimonial: "Outstanding service and premium-grade products. They understand industrial requirements perfectly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg"},
|
||||
{
|
||||
name: "James Mitchell",
|
||||
handle: "Engineering Lead, Precision Manufacturing",
|
||||
testimonial: "The technical support and product quality exceed our expectations. Highly recommended for any industrial buyer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg?_wi=1",
|
||||
},
|
||||
name: "James Mitchell", handle: "Engineering Lead, Precision Manufacturing", testimonial: "The technical support and product quality exceed our expectations. Highly recommended for any industrial buyer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg"},
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "Supply Chain Manager, Global Industries",
|
||||
testimonial: "Reliable supplier with consistent quality. Their products have improved our operational metrics significantly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-working-together-side-view_23-2149871311.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah Chen", handle: "Supply Chain Manager, Global Industries", testimonial: "Reliable supplier with consistent quality. Their products have improved our operational metrics significantly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-working-together-side-view_23-2149871311.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Products",
|
||||
href: "/products",
|
||||
},
|
||||
text: "View Products", href: "/products"},
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Request Quote", href: "/contact"},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -114,7 +91,7 @@ export default function HomePage() {
|
||||
title="Why Choose Fatisoft Global"
|
||||
description="We deliver industrial excellence through cutting-edge technology, rigorous quality control, and dedicated customer support"
|
||||
tag="Core Strengths"
|
||||
tagIcon={Star}
|
||||
tagIcon={Shield}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -122,34 +99,22 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Premium Quality Assurance",
|
||||
description: "Every component undergoes rigorous testing and certification to meet international industrial standards",
|
||||
},
|
||||
title: "Premium Quality Assurance", description: "Every component undergoes rigorous testing and certification to meet international industrial standards"},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Advanced Technology",
|
||||
description: "Engineered with precision using state-of-the-art manufacturing processes and materials",
|
||||
},
|
||||
title: "Advanced Technology", description: "Engineered with precision using state-of-the-art manufacturing processes and materials"},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Expert Technical Support",
|
||||
description: "Dedicated team of engineers available 24/7 for installation, troubleshooting, and optimization",
|
||||
},
|
||||
title: "Expert Technical Support", description: "Dedicated team of engineers available 24/7 for installation, troubleshooting, and optimization"},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Global Distribution",
|
||||
description: "Fast and reliable worldwide shipping with real-time tracking and comprehensive logistics support",
|
||||
},
|
||||
title: "Global Distribution", description: "Fast and reliable worldwide shipping with real-time tracking and comprehensive logistics support"},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Industry Certified",
|
||||
description: "ISO certified manufacturing facilities with proven track record serving Fortune 500 companies",
|
||||
},
|
||||
title: "Industry Certified", description: "ISO certified manufacturing facilities with proven track record serving Fortune 500 companies"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Continuous Innovation",
|
||||
description: "Committed to R&D investments ensuring products stay at the forefront of industrial technology",
|
||||
},
|
||||
title: "Continuous Innovation", description: "Committed to R&D investments ensuring products stay at the forefront of industrial technology"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,29 +131,17 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "customers",
|
||||
icon: Users,
|
||||
title: "Global Customers",
|
||||
value: "2,500+",
|
||||
},
|
||||
id: "customers", icon: Users,
|
||||
title: "Global Customers", value: "2,500+"},
|
||||
{
|
||||
id: "products",
|
||||
icon: Package,
|
||||
title: "Products Shipped",
|
||||
value: "500K+",
|
||||
},
|
||||
id: "products", icon: Package,
|
||||
title: "Products Shipped", value: "500K+"},
|
||||
{
|
||||
id: "countries",
|
||||
icon: Globe,
|
||||
title: "Operating Countries",
|
||||
value: "85+",
|
||||
},
|
||||
id: "countries", icon: Globe,
|
||||
title: "Operating Countries", value: "85+"},
|
||||
{
|
||||
id: "uptime",
|
||||
icon: Zap,
|
||||
title: "System Uptime",
|
||||
value: "99.9%",
|
||||
},
|
||||
id: "uptime", icon: Zap,
|
||||
title: "System Uptime", value: "99.9%"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -203,24 +156,9 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp Manufacturing",
|
||||
"Industrial Solutions Inc",
|
||||
"Precision Engineering Co",
|
||||
"Global Factory Systems",
|
||||
"Advanced Tech Automation",
|
||||
"Quality Industries Ltd",
|
||||
"Innovation Manufacturing",
|
||||
"Professional Factory Group",
|
||||
]}
|
||||
"TechCorp Manufacturing", "Industrial Solutions Inc", "Precision Engineering Co", "Global Factory Systems", "Advanced Tech Automation", "Quality Industries Ltd", "Innovation Manufacturing", "Professional Factory Group"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/flat-set-logos-car-establishments_23-2147612932.jpg",
|
||||
"http://img.b2bpic.net/free-vector/technology-logo-gradient-style_23-2148135218.jpg",
|
||||
"http://img.b2bpic.net/free-vector/vintage-collection-labor-day-badges_23-2147656796.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-technology-blue-logo-collection_23-2148233811.jpg",
|
||||
"http://img.b2bpic.net/free-vector/employee-month-business-gradient-badge-collection_23-2149524695.jpg",
|
||||
"http://img.b2bpic.net/free-vector/logo-template-design_1289-247.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-labor-day-labels-collection_23-2149048127.jpg",
|
||||
]}
|
||||
"http://img.b2bpic.net/free-vector/flat-set-logos-car-establishments_23-2147612932.jpg", "http://img.b2bpic.net/free-vector/technology-logo-gradient-style_23-2148135218.jpg", "http://img.b2bpic.net/free-vector/vintage-collection-labor-day-badges_23-2147656796.jpg", "http://img.b2bpic.net/free-vector/gradient-technology-blue-logo-collection_23-2148233811.jpg", "http://img.b2bpic.net/free-vector/employee-month-business-gradient-badge-collection_23-2149524695.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-247.jpg", "http://img.b2bpic.net/free-vector/gradient-labor-day-labels-collection_23-2149048127.jpg"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -230,89 +168,58 @@ export default function HomePage() {
|
||||
<ContactText
|
||||
text="Ready to optimize your industrial operations? Get in touch with our expert team today for personalized solutions and competitive quotes."
|
||||
animationType="reveal-blur"
|
||||
background={{ variant: "fluid" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Request Quote", href: "/contact"},
|
||||
{
|
||||
text: "Schedule Demo",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Schedule Demo", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rusty-gear-assembly_1136-278.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rusty-gear-assembly_1136-278.jpg"
|
||||
imageAlt="Fatisoft Global industrial excellence"
|
||||
logoText="Fatisoft Global"
|
||||
copyrightText="© 2025 Fatisoft Global Ltd. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Electric Motors",
|
||||
href: "/products",
|
||||
},
|
||||
label: "Electric Motors", href: "/products"},
|
||||
{
|
||||
label: "Components",
|
||||
href: "/products",
|
||||
},
|
||||
label: "Components", href: "/products"},
|
||||
{
|
||||
label: "Equipment",
|
||||
href: "/products",
|
||||
},
|
||||
label: "Equipment", href: "/products"},
|
||||
{
|
||||
label: "Specifications",
|
||||
href: "/products",
|
||||
},
|
||||
label: "Specifications", href: "/products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/",
|
||||
},
|
||||
label: "About Us", href: "/"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "/",
|
||||
},
|
||||
label: "Our Team", href: "/"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/",
|
||||
},
|
||||
label: "Careers", href: "/"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/",
|
||||
},
|
||||
label: "Blog", href: "/"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "Technical Support",
|
||||
href: "/",
|
||||
},
|
||||
label: "Technical Support", href: "/"},
|
||||
{
|
||||
label: "Documentation",
|
||||
href: "/",
|
||||
},
|
||||
label: "Documentation", href: "/"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/",
|
||||
},
|
||||
label: "FAQ", href: "/"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -1,51 +1,45 @@
|
||||
"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;
|
||||
width?: number;
|
||||
height?: number;
|
||||
fontSize?: number;
|
||||
fill?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
export function SvgTextLogo({
|
||||
text,
|
||||
className = "", width = 200,
|
||||
height = 100,
|
||||
fontSize = 48,
|
||||
fill = "currentColor"}: SvgTextLogoProps) {
|
||||
const textWidth = text.length * (fontSize * 0.6);
|
||||
const xPos = (width - textWidth) / 2;
|
||||
const yPos = height / 2;
|
||||
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
width={width}
|
||||
height={height}
|
||||
viewBox={`0 0 ${width} ${height}`}
|
||||
className={className}
|
||||
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={xPos}
|
||||
y={yPos}
|
||||
fontSize={fontSize}
|
||||
fontWeight="bold"
|
||||
fill={fill}
|
||||
textAnchor="middle"
|
||||
dominantBaseline="middle"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user