Files
72ae5d0a-76b7-48d4-9653-b3c…/src/app/page.tsx
2026-03-11 03:23:02 +00:00

230 lines
11 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactText from "@/components/sections/contact/ContactText";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import {
Zap,
Package,
Shield,
Users,
Truck,
Award,
TrendingUp,
Globe,
Handshake,
} from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "Services", id: "/" },
{ name: "Pricing", id: "/" },
{ name: "Contact", id: "/" },
];
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="compact"
sizing="largeSmall"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Fatisoft Global"
bottomLeftText="Global Industrial Solutions"
bottomRightText="info@fatisoftglobal.com"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
title="Premium Industrial Components & Solutions"
description="Discover high-quality electric motors, mechanical components, and industrial equipment engineered for precision, reliability, and performance. Trusted by manufacturers worldwide."
tag="Industry Leading Quality"
tagIcon={Zap}
tagAnimation="slide-up"
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"},
{
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"},
{
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: "Request Quote", href: "/contact"},
]}
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
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={Shield}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
icon: Shield,
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"},
{
icon: Users,
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"},
{
icon: Award,
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"},
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
title="Our Impact & Achievement"
description="Proven track record of delivering industrial excellence on a global scale"
tag="Track Record"
tagIcon={TrendingUp}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
metrics={[
{
id: "customers", icon: Users,
title: "Global Customers", value: "2,500+"},
{
id: "products", icon: Package,
title: "Products Shipped", value: "500K+"},
{
id: "countries", icon: Globe,
title: "Operating Countries", value: "85+"},
{
id: "uptime", icon: Zap,
title: "System Uptime", value: "99.9%"},
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Industry Leaders"
description="Our industrial components power operations for some of the world's most demanding manufacturers"
tag="Industry Partners"
tagIcon={Handshake}
tagAnimation="slide-up"
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"]}
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"]}
speed={40}
showCard={true}
/>
</div>
<div id="contact" data-section="contact">
<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: "plain" }}
useInvertedBackground={true}
buttons={[
{
text: "Request Quote", 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"
imageAlt="Fatisoft Global industrial excellence"
logoText="Fatisoft Global"
copyrightText="© 2025 Fatisoft Global Ltd. All rights reserved."
columns={[
{
title: "Products", items: [
{
label: "Electric Motors", href: "/products"},
{
label: "Components", href: "/products"},
{
label: "Equipment", href: "/products"},
{
label: "Specifications", href: "/products"},
],
},
{
title: "Company", items: [
{
label: "About Us", href: "/"},
{
label: "Our Team", href: "/"},
{
label: "Careers", href: "/"},
{
label: "Blog", href: "/"},
],
},
{
title: "Support", items: [
{
label: "Contact Us", href: "/contact"},
{
label: "Technical Support", href: "/"},
{
label: "Documentation", href: "/"},
{
label: "FAQ", href: "/"},
],
},
]}
/>
</div>
</ThemeProvider>
);
}