312 lines
12 KiB
TypeScript
312 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import Link from "next/link";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Products", id: "/products" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
{ name: "Services", id: "/services" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Services", href: "/services" },
|
|
{ label: "Products", href: "/products" },
|
|
{ label: "Careers", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{ label: "Technical Support", href: "#" },
|
|
{ label: "Repair & Maintenance", href: "#" },
|
|
{ label: "Spare Parts", href: "#" },
|
|
{ label: "FAQ", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "Phone: +974 4425 8510", href: "tel:+97444258510" },
|
|
{ label: "WhatsApp: +974 4425 8510", href: "https://wa.me/97444258510" },
|
|
{ label: "Industrial Area, Al Rayyan", href: "#" },
|
|
{ label: "Hours: 8 AM - 6 PM", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Compliance", href: "#" },
|
|
{ label: "Certifications", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="grid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={navItems}
|
|
brandName="Qatar Trading Company"
|
|
bottomLeftText="Industrial Area, Al Rayyan"
|
|
bottomRightText="+974 4425 8510"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="Qatar Trading Company"
|
|
description="Powering Qatar's industries with precision, performance, and professional tools. Your trusted partner for world-class industrial equipment and engineering solutions."
|
|
buttons={[
|
|
{ text: "Explore Products", href: "/products" },
|
|
{ text: "Learn More", href: "/about" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "grid" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/pollution-concept-factory-emisions_23-2149094959.jpg"
|
|
imageAlt="Industrial machinery and professional tools"
|
|
mediaAnimation="slide-up"
|
|
frameStyle="browser"
|
|
ariaLabel="Hero section - Qatar Trading Company Industrial Equipment"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Trusted Industrial Equipment Supplier in Qatar"
|
|
description="Qatar Trading Company WLL is a leading supplier of professional industrial equipment, serving contractors, technicians, and engineering companies across Qatar and the Middle East. With strong customer service, technical expertise, and commitment to international industrial standards, we deliver reliable solutions for construction, engineering, and industrial sectors."
|
|
tag="About Us"
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914182.jpg"
|
|
imageAlt="Professional workshop with industrial equipment"
|
|
buttons={[{ text: "View Services", href: "/services" }]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About section - Company information and expertise"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Featured Product Categories"
|
|
description="Access our comprehensive range of professional industrial equipment trusted by leading contractors and engineers in Qatar."
|
|
tag="Products"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "Bosch Professional",
|
|
name: "Precision Power Drill Kit",
|
|
price: "QAR 1,250",
|
|
rating: 5,
|
|
reviewCount: "187",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-using-drill_23-2149916310.jpg",
|
|
imageAlt: "Bosch professional power drill kit",
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "Makita",
|
|
name: "Industrial Rotary Hammer",
|
|
price: "QAR 2,850",
|
|
rating: 5,
|
|
reviewCount: "156",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/harvesters-combine-parts-plant-are-waiting-sales_146671-19094.jpg",
|
|
imageAlt: "Makita industrial rotary hammer",
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "DeWalt",
|
|
name: "Heavy Duty Circular Saw",
|
|
price: "QAR 1,680",
|
|
rating: 5,
|
|
reviewCount: "203",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photographer-plater_1160-733.jpg",
|
|
imageAlt: "DeWalt heavy duty circular saw",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
gridVariant="three-columns-all-equal-width"
|
|
ariaLabel="Products section - Featured equipment categories"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
title="Why Choose Qatar Trading Company"
|
|
description="Experience the difference that comes with professional reliability, global brand partnerships, and dedicated customer service."
|
|
tag="Why Us"
|
|
negativeCard={{
|
|
items: [
|
|
"Low-quality counterfeit equipment",
|
|
"Unreliable supplier relationships",
|
|
"Limited technical support",
|
|
"No spare parts availability",
|
|
],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"High-quality global brands",
|
|
"Trusted supplier partnerships",
|
|
"Professional technical consultation",
|
|
"Complete spare parts support",
|
|
"Rapid repair and servicing",
|
|
],
|
|
}}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Comparison section - Why choose our company"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSixteen
|
|
title="Comprehensive Industrial Services"
|
|
description="Beyond equipment supply, we provide complete support for all your industrial needs."
|
|
tag="Services"
|
|
negativeCard={{
|
|
items: [
|
|
"Equipment-only suppliers",
|
|
"No technical expertise",
|
|
"Slow response times",
|
|
"Limited assistance",
|
|
],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Industrial equipment supply",
|
|
"Tool repair and servicing",
|
|
"Technical consultation",
|
|
"Spare parts support",
|
|
"Professional maintenance",
|
|
],
|
|
}}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Services section - Comprehensive support offerings"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="Customer Reviews & Testimonials"
|
|
description="Hear from contractors, engineers, and technicians who trust Qatar Trading Company for their industrial equipment needs."
|
|
tag="Testimonials"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Ahmed Al-Kuwari",
|
|
role: "Construction Manager",
|
|
company: "Gulf Construction Co.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks_342744-442.jpg",
|
|
imageAlt: "Ahmed Al-Kuwari, Construction Manager",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Fatima Al-Mansoori",
|
|
role: "Operations Director",
|
|
company: "Al-Mansoori Engineering",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-beautiful-brunette-female-wearing-working-clothes-apron-standing-workshop_613910-5811.jpg",
|
|
imageAlt: "Fatima Al-Mansoori, Operations Director",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Mohammed Al-Thani",
|
|
role: "Project Supervisor",
|
|
company: "Doha Development Group",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
|
imageAlt: "Mohammed Al-Thani, Project Supervisor",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Layla Al-Qahtani",
|
|
role: "Procurement Manager",
|
|
company: "Qatar Industrial Services",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg",
|
|
imageAlt: "Layla Al-Qahtani, Procurement Manager",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Hassan Al-Dosari",
|
|
role: "Workshop Manager",
|
|
company: "Al-Dosari Equipment Solutions",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451018.jpg",
|
|
imageAlt: "Hassan Al-Dosari, Workshop Manager",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Nora Al-Sulaiti",
|
|
role: "Senior Technician",
|
|
company: "Qatar Technical Services",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/server-room-system-administrator-reviewing-data-ahead-audit_482257-123121.jpg",
|
|
imageAlt: "Nora Al-Sulaiti, Senior Technician",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Testimonials section - Customer feedback and reviews"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Contact"
|
|
title="Get in Touch with Our Team"
|
|
description="Reach out to Qatar Trading Company for product inquiries, technical support, or business partnerships. Our expert team is ready to assist you."
|
|
background={{ variant: "grid" }}
|
|
useInvertedBackground={true}
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Send Inquiry"
|
|
termsText="We respect your privacy. Your inquiry will be handled by our professional team within 24 hours."
|
|
ariaLabel="Contact section - Get in touch with our team"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Qatar Trading Company WLL"
|
|
columns={footerColumns}
|
|
copyrightText="© 2025 Qatar Trading Company WLL. All rights reserved. Industrial Area, Al Rayyan, Qatar."
|
|
ariaLabel="Site footer - Navigation and company information"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |