diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 246ebe0..8d5a0e5 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -17,8 +17,7 @@ export default function ContactPage() { const footerColumns = [ { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "/about" }, { label: "Services", href: "/services" }, { label: "Products", href: "/products" }, @@ -26,8 +25,7 @@ export default function ContactPage() { ], }, { - title: "Support", - items: [ + title: "Support", items: [ { label: "Technical Support", href: "#" }, { label: "Repair & Maintenance", href: "#" }, { label: "Spare Parts", href: "#" }, @@ -35,8 +33,7 @@ export default function ContactPage() { ], }, { - title: "Contact", - items: [ + 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: "#" }, @@ -44,8 +41,7 @@ export default function ContactPage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Compliance", href: "#" }, @@ -61,7 +57,7 @@ export default function ContactPage() { borderRadius="pill" contentWidth="small" sizing="medium" - background="grid" + background="circleGradient" cardStyle="gradient-mesh" primaryButtonStyle="gradient" secondaryButtonStyle="glass" @@ -81,7 +77,7 @@ export default function ContactPage() { 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" }} + background={{ variant: "sparkles-gradient" }} useInvertedBackground={true} inputPlaceholder="Enter your email address" buttonText="Send Inquiry" diff --git a/src/app/page.tsx b/src/app/page.tsx index 5e4d944..28d4456 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -22,8 +22,7 @@ export default function HomePage() { const footerColumns = [ { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "/about" }, { label: "Services", href: "/services" }, { label: "Products", href: "/products" }, @@ -31,8 +30,7 @@ export default function HomePage() { ], }, { - title: "Support", - items: [ + title: "Support", items: [ { label: "Technical Support", href: "#" }, { label: "Repair & Maintenance", href: "#" }, { label: "Spare Parts", href: "#" }, @@ -40,8 +38,7 @@ export default function HomePage() { ], }, { - title: "Contact", - items: [ + 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: "#" }, @@ -49,8 +46,7 @@ export default function HomePage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Compliance", href: "#" }, @@ -66,7 +62,7 @@ export default function HomePage() { borderRadius="pill" contentWidth="small" sizing="medium" - background="grid" + background="circleGradient" cardStyle="gradient-mesh" primaryButtonStyle="gradient" secondaryButtonStyle="glass" @@ -90,7 +86,7 @@ export default function HomePage() { { text: "Learn More", href: "/about" }, ]} buttonAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "sparkles-gradient" }} imageSrc="http://img.b2bpic.net/free-photo/pollution-concept-factory-emisions_23-2149094959.jpg" imageAlt="Industrial machinery and professional tools" mediaAnimation="slide-up" @@ -104,7 +100,7 @@ export default function HomePage() { 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?_wi=1" + 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" @@ -120,35 +116,14 @@ export default function HomePage() { 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?_wi=1", - imageAlt: "Bosch professional power drill kit", - }, + 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?_wi=1", - imageAlt: "Makita industrial rotary hammer", - }, + 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?_wi=1", - imageAlt: "DeWalt heavy duty circular saw", - }, + 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" @@ -165,20 +140,11 @@ export default function HomePage() { tag="Why Us" negativeCard={{ items: [ - "Low-quality counterfeit equipment", - "Unreliable supplier relationships", - "Limited technical support", - "No spare parts availability", - ], + "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", - ], + "High-quality global brands", "Trusted supplier partnerships", "Professional technical consultation", "Complete spare parts support", "Rapid repair and servicing"], }} animationType="slide-up" textboxLayout="default" @@ -194,20 +160,11 @@ export default function HomePage() { tag="Services" negativeCard={{ items: [ - "Equipment-only suppliers", - "No technical expertise", - "Slow response times", - "Limited assistance", - ], + "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", - ], + "Industrial equipment supply", "Tool repair and servicing", "Technical consultation", "Spare parts support", "Professional maintenance"], }} animationType="slide-up" textboxLayout="default" @@ -223,59 +180,23 @@ export default function HomePage() { 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?_wi=1", - imageAlt: "Ahmed Al-Kuwari, Construction Manager", - }, + 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?_wi=1", - imageAlt: "Fatima Al-Mansoori, Operations Director", - }, + 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?_wi=1", - imageAlt: "Mohammed Al-Thani, Project Supervisor", - }, + 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?_wi=1", - imageAlt: "Layla Al-Qahtani, Procurement Manager", - }, + 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?_wi=1", - imageAlt: "Hassan Al-Dosari, Workshop 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?_wi=1", - imageAlt: "Nora Al-Sulaiti, Senior Technician", - }, + 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" @@ -290,7 +211,7 @@ export default function HomePage() { 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" }} + background={{ variant: "sparkles-gradient" }} useInvertedBackground={true} inputPlaceholder="Enter your email address" buttonText="Send Inquiry" diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index edd7155..ee7a3d9 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -19,8 +19,7 @@ export default function ServicesPage() { const footerColumns = [ { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "/about" }, { label: "Services", href: "/services" }, { label: "Products", href: "/products" }, @@ -28,8 +27,7 @@ export default function ServicesPage() { ], }, { - title: "Support", - items: [ + title: "Support", items: [ { label: "Technical Support", href: "#" }, { label: "Repair & Maintenance", href: "#" }, { label: "Spare Parts", href: "#" }, @@ -37,8 +35,7 @@ export default function ServicesPage() { ], }, { - title: "Contact", - items: [ + 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: "#" }, @@ -46,8 +43,7 @@ export default function ServicesPage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Compliance", href: "#" }, @@ -63,7 +59,7 @@ export default function ServicesPage() { borderRadius="pill" contentWidth="small" sizing="medium" - background="grid" + background="circleGradient" cardStyle="gradient-mesh" primaryButtonStyle="gradient" secondaryButtonStyle="glass" @@ -85,20 +81,11 @@ export default function ServicesPage() { tag="Services" negativeCard={{ items: [ - "Equipment-only suppliers", - "No technical expertise", - "Slow response times", - "Limited assistance", - ], + "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", - ], + "Industrial equipment supply", "Tool repair and servicing", "Technical consultation", "Spare parts support", "Professional maintenance"], }} animationType="slide-up" textboxLayout="default" @@ -114,35 +101,14 @@ export default function ServicesPage() { 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?_wi=3", - imageAlt: "Bosch professional power drill kit", - }, + 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?_wi=3", - imageAlt: "Makita industrial rotary hammer", - }, + 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?_wi=3", - imageAlt: "DeWalt heavy duty circular saw", - }, + 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" @@ -157,7 +123,7 @@ export default function ServicesPage() { 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" }} + background={{ variant: "sparkles-gradient" }} useInvertedBackground={true} inputPlaceholder="Enter your email address" buttonText="Send Inquiry" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..424ec89 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,42 @@ -"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?: string | number; + fill?: string; + dominantBaseline?: "auto" | "text-bottom" | "alphabetic" | "ideographic" | "middle" | "central" | "mathematical" | "hanging" | "text-top"; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text, + className = "", fontSize = 48, + fontFamily = "system-ui, -apple-system, sans-serif", fontWeight = 700, + fill = "currentColor", dominantBaseline = "central"}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;