Merge version_1 into main #2
@@ -11,12 +11,12 @@ import { Users, Award, TrendingUp, Heart, MessageSquare } from "lucide-react";
|
||||
|
||||
export default function CareersPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Industries", id: "industries" },
|
||||
{ name: "Our Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Careers", id: "/careers" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Our Team", id: "#team" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -38,9 +38,7 @@ export default function CareersPage() {
|
||||
brandName="Dar Saray"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Request a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -52,33 +50,17 @@ export default function CareersPage() {
|
||||
tag="Career Opportunities"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Facilities Management Specialists",
|
||||
description: "Lead our facilities management operations across diverse client sites. Oversee building maintenance, safety compliance, and operational efficiency. Ideal for experienced facility managers with a track record of excellence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-safety-equipment_23-2148752007.jpg?_wi=3",
|
||||
imageAlt: "Facilities Management Specialist",
|
||||
},
|
||||
id: 1,
|
||||
title: "Facilities Management Specialists", description: "Lead our facilities management operations across diverse client sites. Oversee building maintenance, safety compliance, and operational efficiency. Ideal for experienced facility managers with a track record of excellence.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-safety-equipment_23-2148752007.jpg", imageAlt: "Facilities Management Specialist"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Logistics & Transportation Coordinators",
|
||||
description: "Manage our nationwide transportation and logistics operations. Coordinate fleet management, route optimization, and delivery schedules. Perfect for logistics professionals with strong organizational skills.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-box-truck-speeding-winter-street-urban-logistics_169016-71313.jpg?_wi=3",
|
||||
imageAlt: "Logistics Coordinator Role",
|
||||
},
|
||||
id: 2,
|
||||
title: "Logistics & Transportation Coordinators", description: "Manage our nationwide transportation and logistics operations. Coordinate fleet management, route optimization, and delivery schedules. Perfect for logistics professionals with strong organizational skills.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-box-truck-speeding-winter-street-urban-logistics_169016-71313.jpg", imageAlt: "Logistics Coordinator Role"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Manpower & Staffing Managers",
|
||||
description: "Recruit, train, and manage our skilled workforce across multiple sectors. Ensure quality staffing solutions and employee development. Excellent opportunity for HR and recruitment professionals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-pushing-elevator-button_23-2149345535.jpg?_wi=3",
|
||||
imageAlt: "Manpower Management",
|
||||
},
|
||||
id: 3,
|
||||
title: "Manpower & Staffing Managers", description: "Recruit, train, and manage our skilled workforce across multiple sectors. Ensure quality staffing solutions and employee development. Excellent opportunity for HR and recruitment professionals.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-pushing-elevator-button_23-2149345535.jpg", imageAlt: "Manpower Management"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Retail Operations Support Specialists",
|
||||
description: "Provide comprehensive operational support to retail partners. Manage store maintenance, inventory systems, and customer experience. Ideal for retail professionals with operational expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop_627829-4973.jpg?_wi=3",
|
||||
imageAlt: "Retail Operations",
|
||||
},
|
||||
id: 4,
|
||||
title: "Retail Operations Support Specialists", description: "Provide comprehensive operational support to retail partners. Manage store maintenance, inventory systems, and customer experience. Ideal for retail professionals with operational expertise.", imageSrc: "http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop_627829-4973.jpg", imageAlt: "Retail Operations"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
@@ -91,29 +73,17 @@ export default function CareersPage() {
|
||||
<MetricCardThree
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Users,
|
||||
title: "Team Culture",
|
||||
value: "Collaborative",
|
||||
},
|
||||
id: "1", icon: Users,
|
||||
title: "Team Culture", value: "Collaborative"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Award,
|
||||
title: "Industry Standards",
|
||||
value: "International",
|
||||
},
|
||||
id: "2", icon: Award,
|
||||
title: "Industry Standards", value: "International"},
|
||||
{
|
||||
id: "3",
|
||||
icon: TrendingUp,
|
||||
title: "Growth",
|
||||
value: "Rapid",
|
||||
},
|
||||
id: "3", icon: TrendingUp,
|
||||
title: "Growth", value: "Rapid"},
|
||||
{
|
||||
id: "4",
|
||||
icon: Heart,
|
||||
title: "Support",
|
||||
value: "24/7",
|
||||
},
|
||||
id: "4", icon: Heart,
|
||||
title: "Support", value: "Comprehensive"},
|
||||
]}
|
||||
title="Why Join Dar Saray"
|
||||
description="Discover a workplace that values excellence, professional development, and team collaboration"
|
||||
@@ -133,17 +103,12 @@ export default function CareersPage() {
|
||||
description="We're always looking for talented individuals who are passionate about operational excellence. Submit your resume and let's explore how you can contribute to our mission of delivering premium facilities management and integrated services across Jordan."
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "mailto:careers@darseray.jo",
|
||||
},
|
||||
text: "Apply Now", href: "mailto:careers@darseray.jo"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/about",
|
||||
},
|
||||
text: "Learn More", href: "/"},
|
||||
]}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,13 +118,9 @@ export default function CareersPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Dar Saray"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
315
src/app/page.tsx
315
src/app/page.tsx
@@ -17,12 +17,12 @@ import { Users, Award, MapPin, Clock, MessageSquare } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Industries", id: "industries" },
|
||||
{ name: "Our Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Careers", id: "/careers" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Our Team", id: "#team" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -43,9 +43,7 @@ export default function HomePage() {
|
||||
brandName="Dar Saray"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Request a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -55,13 +53,9 @@ export default function HomePage() {
|
||||
description="Premium facilities management, logistics, manpower supply, and retail operational support across Jordan. International standards. Local expertise."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Services", href: "#services"},
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessmen-factory-look-data-devices-evaluate-investment-strategy_482257-119576.jpg"
|
||||
imageAlt="Modern facilities management operations"
|
||||
@@ -76,29 +70,17 @@ export default function HomePage() {
|
||||
description="Trusted by leading organizations across the Middle East region"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Users,
|
||||
title: "Professional Team",
|
||||
value: "300+",
|
||||
},
|
||||
id: "1", icon: Users,
|
||||
title: "Professional Team", value: "300+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "7+",
|
||||
},
|
||||
id: "2", icon: Award,
|
||||
title: "Years Experience", value: "7+"},
|
||||
{
|
||||
id: "3",
|
||||
icon: MapPin,
|
||||
title: "Service Coverage",
|
||||
value: "Nationwide",
|
||||
},
|
||||
id: "3", icon: MapPin,
|
||||
title: "Service Coverage", value: "Nationwide"},
|
||||
{
|
||||
id: "4",
|
||||
icon: Clock,
|
||||
title: "Support",
|
||||
value: "24/7",
|
||||
},
|
||||
id: "4", icon: Clock,
|
||||
title: "Support", value: "24/7"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -114,32 +96,16 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Facilities Management",
|
||||
description: "Professional building maintenance, property management, preventive maintenance, and facility inspections to ensure operational excellence",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-safety-equipment_23-2148752007.jpg?_wi=1",
|
||||
imageAlt: "professional building maintenance inspection",
|
||||
},
|
||||
title: "Facilities Management", description: "Professional building maintenance, property management, preventive maintenance, and facility inspections to ensure operational excellence", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-safety-equipment_23-2148752007.jpg", imageAlt: "professional building maintenance inspection"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Logistics & Transportation",
|
||||
description: "Efficient transportation and logistics services including corporate transportation, delivery, distribution, and cargo solutions across Jordan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-box-truck-speeding-winter-street-urban-logistics_169016-71313.jpg?_wi=1",
|
||||
imageAlt: "logistics transportation delivery fleet",
|
||||
},
|
||||
title: "Logistics & Transportation", description: "Efficient transportation and logistics services including corporate transportation, delivery, distribution, and cargo solutions across Jordan", imageSrc: "http://img.b2bpic.net/free-photo/delivery-box-truck-speeding-winter-street-urban-logistics_169016-71313.jpg", imageAlt: "logistics transportation delivery fleet"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Manpower Supply",
|
||||
description: "Professional workforce solutions providing skilled labor, construction workers, cleaning staff, security personnel, and technical specialists",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-pushing-elevator-button_23-2149345535.jpg?_wi=1",
|
||||
imageAlt: "skilled workforce team construction workers",
|
||||
},
|
||||
title: "Manpower Supply", description: "Professional workforce solutions providing skilled labor, construction workers, cleaning staff, security personnel, and technical specialists", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-pushing-elevator-button_23-2149345535.jpg", imageAlt: "skilled workforce team construction workers"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Retail Services",
|
||||
description: "Operational support designed for retail environments including store maintenance, shopping mall facilities, and retail logistics support",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop_627829-4973.jpg?_wi=1",
|
||||
imageAlt: "retail store maintenance cleaning service",
|
||||
},
|
||||
title: "Retail Services", description: "Operational support designed for retail environments including store maintenance, shopping mall facilities, and retail logistics support", imageSrc: "http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop_627829-4973.jpg", imageAlt: "retail store maintenance cleaning service"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
@@ -154,11 +120,9 @@ export default function HomePage() {
|
||||
tag="Our Mission"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Learn More", href: "/contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-shaking-hands_107420-74298.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-shaking-hands_107420-74298.jpg"
|
||||
imageAlt="Dar Saray team providing operational excellence"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -171,53 +135,17 @@ export default function HomePage() {
|
||||
tag="Client Testimonials"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed Al-Rashid",
|
||||
handle: "General Manager, Amman Plaza",
|
||||
testimonial: "Dar Saray transformed our facilities management operations. Their professionalism and attention to detail have significantly enhanced our tenant satisfaction and operational efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1600.jpg",
|
||||
imageAlt: "professional business manager portrait",
|
||||
},
|
||||
id: "1", name: "Ahmed Al-Rashid", handle: "General Manager, Amman Plaza", testimonial: "Dar Saray transformed our facilities management operations. Their professionalism and attention to detail have significantly enhanced our tenant satisfaction and operational efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1600.jpg", imageAlt: "professional business manager portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fatima Al-Mutawa",
|
||||
handle: "Operations Director, Al-Faisal Group",
|
||||
testimonial: "Outstanding service quality and reliability. Dar Saray's team understands that our reputation depends on excellence in every operational detail. They deliver consistently.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg",
|
||||
imageAlt: "professional woman operations director",
|
||||
},
|
||||
id: "2", name: "Fatima Al-Mutawa", handle: "Operations Director, Al-Faisal Group", testimonial: "Outstanding service quality and reliability. Dar Saray's team understands that our reputation depends on excellence in every operational detail. They deliver consistently.", imageSrc: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg", imageAlt: "professional woman operations director"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mohammed Al-Tarawneh",
|
||||
handle: "CEO, Zarqa Industrial Complex",
|
||||
testimonial: "We've partnered with Dar Saray for logistics and manpower supply. Their nationwide coverage and 24/7 support ensure our operations run seamlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg",
|
||||
imageAlt: "industrial complex manager portrait",
|
||||
},
|
||||
id: "3", name: "Mohammed Al-Tarawneh", handle: "CEO, Zarqa Industrial Complex", testimonial: "We've partnered with Dar Saray for logistics and manpower supply. Their nationwide coverage and 24/7 support ensure our operations run seamlessly.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg", imageAlt: "industrial complex manager portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Layla Al-Khatib",
|
||||
handle: "Store Manager, Fashion Hub Retail",
|
||||
testimonial: "Dar Saray's retail operational services have elevated our store environments. Their team is trained, professional, and responsive to our needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-designer-working-store_23-2148915557.jpg",
|
||||
imageAlt: "retail store manager professional photo",
|
||||
},
|
||||
id: "4", name: "Layla Al-Khatib", handle: "Store Manager, Fashion Hub Retail", testimonial: "Dar Saray's retail operational services have elevated our store environments. Their team is trained, professional, and responsive to our needs.", imageSrc: "http://img.b2bpic.net/free-photo/clothes-designer-working-store_23-2148915557.jpg", imageAlt: "retail store manager professional photo"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Khalid Al-Mazrouei",
|
||||
handle: "Facilities Manager, Royal Residences",
|
||||
testimonial: "Exceptional facilities management team. They maintain our residential communities to the highest standards, protecting our reputation and resident satisfaction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12778.jpg",
|
||||
imageAlt: "facilities manager professional portrait",
|
||||
},
|
||||
id: "5", name: "Khalid Al-Mazrouei", handle: "Facilities Manager, Royal Residences", testimonial: "Exceptional facilities management team. They maintain our residential communities to the highest standards, protecting our reputation and resident satisfaction.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12778.jpg", imageAlt: "facilities manager professional portrait"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Rania Al-Nuaimi",
|
||||
handle: "Executive VP, Modern Hospitality",
|
||||
testimonial: "Dar Saray's integrated services support has been invaluable for our hotel operations. Their commitment to excellence aligns perfectly with our brand values.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-standing-check-desk_107420-85090.jpg",
|
||||
imageAlt: "hospitality hotel executive portrait",
|
||||
},
|
||||
id: "6", name: "Rania Al-Nuaimi", handle: "Executive VP, Modern Hospitality", testimonial: "Dar Saray's integrated services support has been invaluable for our hotel operations. Their commitment to excellence aligns perfectly with our brand values.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-standing-check-desk_107420-85090.jpg", imageAlt: "hospitality hotel executive portrait"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -233,71 +161,25 @@ export default function HomePage() {
|
||||
tag="Our Leaders"
|
||||
groups={[
|
||||
{
|
||||
id: "executives",
|
||||
groupTitle: "Executive Leadership",
|
||||
members: [
|
||||
id: "executives", groupTitle: "Executive Leadership", members: [
|
||||
{
|
||||
id: "1",
|
||||
title: "Motasem Sofan",
|
||||
subtitle: "Chief Executive Officer",
|
||||
detail: "Founder & CEO with 14+ years in facilities management and integrated services",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-successful-young-businessman-standing-office-looking-camera_1163-4223.jpg?_wi=1",
|
||||
imageAlt: "CEO founder business leader portrait",
|
||||
},
|
||||
id: "1", title: "Motasem Sofan", subtitle: "Chief Executive Officer", detail: "Founder & CEO with 14+ years in facilities management and integrated services", imageSrc: "http://img.b2bpic.net/free-photo/serious-successful-young-businessman-standing-office-looking-camera_1163-4223.jpg", imageAlt: "CEO founder business leader portrait"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Omar Al-Shammari",
|
||||
subtitle: "Chief Operations Officer",
|
||||
detail: "Leads nationwide operations and service delivery excellence",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-asian-guy-classic-blue-t-shirt-posing-with-okay-sign-after-conference-with-colleagues-indoor-portrait-happy-chinese-entrepreneur-glasses-enjoying-good-day_197531-3765.jpg?_wi=1",
|
||||
imageAlt: "COO chief operations officer portrait",
|
||||
},
|
||||
id: "2", title: "Omar Al-Shammari", subtitle: "Chief Operations Officer", detail: "Leads nationwide operations and service delivery excellence", imageSrc: "http://img.b2bpic.net/free-photo/pleased-asian-guy-classic-blue-t-shirt-posing-with-okay-sign-after-conference-with-colleagues-indoor-portrait-happy-chinese-entrepreneur-glasses-enjoying-good-day_197531-3765.jpg", imageAlt: "COO chief operations officer portrait"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sarah Al-Mansouri",
|
||||
subtitle: "Chief Financial Officer",
|
||||
detail: "Oversees financial operations and company administration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-manager-woth-folder-documents_1303-23862.jpg?_wi=1",
|
||||
imageAlt: "CFO finance executive woman portrait",
|
||||
},
|
||||
id: "3", title: "Sarah Al-Mansouri", subtitle: "Chief Financial Officer", detail: "Oversees financial operations and company administration", imageSrc: "http://img.b2bpic.net/free-photo/female-manager-woth-folder-documents_1303-23862.jpg", imageAlt: "CFO finance executive woman portrait"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "departments",
|
||||
groupTitle: "Department Leaders",
|
||||
members: [
|
||||
id: "departments", groupTitle: "Department Leaders", members: [
|
||||
{
|
||||
id: "4",
|
||||
title: "Hassan Al-Qasimi",
|
||||
subtitle: "Director of Operations",
|
||||
detail: "Responsible for field operations and service execution",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-backpacker-hiking-holding-tablet-looking-map-caucasian-attractive-traveler-walking-road-woods-backpacking-tourism-adventure-summer-vacation-concept_74855-12062.jpg?_wi=1",
|
||||
imageAlt: "operations director professional portrait",
|
||||
},
|
||||
id: "4", title: "Hassan Al-Qasimi", subtitle: "Director of Operations", detail: "Responsible for field operations and service execution", imageSrc: "http://img.b2bpic.net/free-photo/young-backpacker-hiking-holding-tablet-looking-map-caucasian-attractive-traveler-walking-road-woods-backpacking-tourism-adventure-summer-vacation-concept_74855-12062.jpg", imageAlt: "operations director professional portrait"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Nadia Al-Kaabi",
|
||||
subtitle: "Head of Facilities Management",
|
||||
detail: "Manages building maintenance and property operations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-financial-advisor-office-ready-meet-with-clients_482257-113530.jpg?_wi=1",
|
||||
imageAlt: "facilities management director woman",
|
||||
},
|
||||
id: "5", title: "Nadia Al-Kaabi", subtitle: "Head of Facilities Management", detail: "Manages building maintenance and property operations", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-financial-advisor-office-ready-meet-with-clients_482257-113530.jpg", imageAlt: "facilities management director woman"},
|
||||
{
|
||||
id: "6",
|
||||
title: "Rashid Al-Mazrouei",
|
||||
subtitle: "Head of Logistics & Transportation",
|
||||
detail: "Coordinates transportation services across Jordan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-urban-environment_23-2148171110.jpg?_wi=1",
|
||||
imageAlt: "logistics director professional portrait",
|
||||
},
|
||||
id: "6", title: "Rashid Al-Mazrouei", subtitle: "Head of Logistics & Transportation", detail: "Coordinates transportation services across Jordan", imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-urban-environment_23-2148171110.jpg", imageAlt: "logistics director professional portrait"},
|
||||
{
|
||||
id: "7",
|
||||
title: "Amira Al-Suwaidi",
|
||||
subtitle: "Head of Customer Experience",
|
||||
detail: "Ensures service quality and client satisfaction",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-working-with-laptop_23-2149300665.jpg?_wi=1",
|
||||
imageAlt: "customer service director woman portrait",
|
||||
},
|
||||
id: "7", title: "Amira Al-Suwaidi", subtitle: "Head of Customer Experience", detail: "Ensures service quality and client satisfaction", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-working-with-laptop_23-2149300665.jpg", imageAlt: "customer service director woman portrait"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -314,40 +196,8 @@ export default function HomePage() {
|
||||
tag="Our Clients"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/islamic-new-year-decorative-background_23-2147689888.jpg",
|
||||
"http://img.b2bpic.net/free-vector/holding-company-logo_1222-56.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-mechanical-repair-logo-design-template_23-2150026501.jpg",
|
||||
"http://img.b2bpic.net/free-vector/circular-fashion-logo-template_23-2150205309.jpg",
|
||||
"http://img.b2bpic.net/free-vector/real-estate-logo-template_23-2150528986.jpg",
|
||||
"http://img.b2bpic.net/free-photo/hair-pretty-indoor-woman-leisure_1303-439.jpg",
|
||||
"http://img.b2bpic.net/free-vector/flat-set-abstract-logos_23-2147589222.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-accounting-logo-template_23-2148845176.jpg",
|
||||
"http://img.b2bpic.net/free-photo/man-shopping-city_23-2149273811.jpg",
|
||||
"http://img.b2bpic.net/free-vector/flat-electronics-logos-pack_23-2148978776.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148221684.jpg",
|
||||
"http://img.b2bpic.net/free-photo/real-estate-agents-front-building_23-2147653355.jpg",
|
||||
"http://img.b2bpic.net/free-vector/business-card_23-2148109951.jpg",
|
||||
"http://img.b2bpic.net/free-photo/professional-female-driver-with-van-wagon-car_23-2150248838.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-logo-with-abstract-shape_23-2148216799.jpg",
|
||||
"http://img.b2bpic.net/free-vector/hand-drawn-advocate-logo-design_23-2150640363.jpg",
|
||||
"http://img.b2bpic.net/free-vector/abstract-company-logo_1051-904.jpg",
|
||||
"http://img.b2bpic.net/free-vector/flat-design-minimal-business-card-design_23-2149298189.jpg",
|
||||
"http://img.b2bpic.net/free-vector/flat-design-go-logo-template_23-2148975029.jpg",
|
||||
"http://img.b2bpic.net/free-photo/mad-supervisor-scolding-workers-displeased-by-business-audit-results_482257-123765.jpg",
|
||||
"http://img.b2bpic.net/free-photo/businessman-discussing-document-with-colleague_107420-84875.jpg",
|
||||
"http://img.b2bpic.net/free-photo/businessman-asking-questions-his-partners-business-people-standing-talking-outdoors-discussing-project-together-partnership-communication-concept_74855-6748.jpg",
|
||||
"http://img.b2bpic.net/free-photo/engineering-team-solar-panel-plant-adjusting-robotic-machinery-settings_482257-120461.jpg",
|
||||
"http://img.b2bpic.net/free-photo/businessman-businesswoman-shaking-hands_23-2148012888.jpg",
|
||||
"http://img.b2bpic.net/free-photo/car-dealership-salesman-asking-customers-questions_482257-118237.jpg",
|
||||
"http://img.b2bpic.net/free-vector/creative-hotel-landing-page-with-photo_23-2148892578.jpg",
|
||||
"http://img.b2bpic.net/free-photo/business-people-video-call-meeting_53876-20930.jpg",
|
||||
"http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149192865.jpg",
|
||||
"http://img.b2bpic.net/free-vector/flat-electronics-logos-collection_23-2148979890.jpg",
|
||||
"http://img.b2bpic.net/free-vector/landing-page-with-geometric-gradient-shapes_52683-9258.jpg",
|
||||
"http://img.b2bpic.net/free-photo/successful-co-workers_1098-679.jpg",
|
||||
"http://img.b2bpic.net/free-photo/remote-briefing-meeting-diverse-business-people-strategic-partnership_482257-127104.jpg",
|
||||
]}
|
||||
names={[
|
||||
"Amman Plaza", "Al-Faisal Group", "Zarqa Industrial", "Fashion Hub", "Royal Residences", "Modern Hospitality", "Jordan Commerce", "Capital Investments", "Mediterranean Trade", "Golden Chain Retail", "Tech Park Services", "Luxury Properties", "National Construction", "Green Logistics", "United Facilities", "Elite Services", "Trust Management", "Premium Real Estate", "International Trade", "Central Operations", "Quality Standards", "Excellence Group", "Partnership Solutions", "Success Ventures", "Horizon Enterprises", "Leading Brands", "Progressive Corp", "Future Logistics", "Smart Systems", "Innovation Hub", "Professional Care", "Master Solutions"]}
|
||||
showCard={true}
|
||||
speed={40}
|
||||
/>
|
||||
@@ -360,65 +210,23 @@ export default function HomePage() {
|
||||
tag="Our Sectors"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Commercial",
|
||||
name: "Corporate Offices",
|
||||
price: "Professional Excellence",
|
||||
rating: 5,
|
||||
reviewCount: "50+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-employees-working-new-plan_23-2147656737.jpg?_wi=1",
|
||||
imageAlt: "modern corporate office workspace",
|
||||
},
|
||||
id: "1", brand: "Commercial", name: "Corporate Offices", price: "Professional Excellence", rating: 5,
|
||||
reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/creative-employees-working-new-plan_23-2147656737.jpg", imageAlt: "modern corporate office workspace"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Retail",
|
||||
name: "Retail Businesses",
|
||||
price: "Store Excellence",
|
||||
rating: 5,
|
||||
reviewCount: "45+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-8247.jpg?_wi=1",
|
||||
imageAlt: "modern retail store interior",
|
||||
},
|
||||
id: "2", brand: "Retail", name: "Retail Businesses", price: "Store Excellence", rating: 5,
|
||||
reviewCount: "45+", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-8247.jpg", imageAlt: "modern retail store interior"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Construction",
|
||||
name: "Construction Companies",
|
||||
price: "Site Excellence",
|
||||
rating: 5,
|
||||
reviewCount: "40+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-portrait-confident-architect-looking-camera_23-2148233794.jpg?_wi=1",
|
||||
imageAlt: "professional construction site operations",
|
||||
},
|
||||
id: "3", brand: "Construction", name: "Construction Companies", price: "Site Excellence", rating: 5,
|
||||
reviewCount: "40+", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-portrait-confident-architect-looking-camera_23-2148233794.jpg", imageAlt: "professional construction site operations"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Hospitality",
|
||||
name: "Hotels & Hospitality",
|
||||
price: "Guest Excellence",
|
||||
rating: 5,
|
||||
reviewCount: "38+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-travellers-work-trip_482257-85365.jpg?_wi=1",
|
||||
imageAlt: "luxury hotel interior design",
|
||||
},
|
||||
id: "4", brand: "Hospitality", name: "Hotels & Hospitality", price: "Guest Excellence", rating: 5,
|
||||
reviewCount: "38+", imageSrc: "http://img.b2bpic.net/free-photo/business-travellers-work-trip_482257-85365.jpg", imageAlt: "luxury hotel interior design"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Residential",
|
||||
name: "Residential Communities",
|
||||
price: "Living Excellence",
|
||||
rating: 5,
|
||||
reviewCount: "42+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-new-living-buildings-neighbourhood_23-2147694666.jpg?_wi=1",
|
||||
imageAlt: "residential community apartment building",
|
||||
},
|
||||
id: "5", brand: "Residential", name: "Residential Communities", price: "Living Excellence", rating: 5,
|
||||
reviewCount: "42+", imageSrc: "http://img.b2bpic.net/free-photo/bright-new-living-buildings-neighbourhood_23-2147694666.jpg", imageAlt: "residential community apartment building"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Logistics",
|
||||
name: "Warehouses & Logistics",
|
||||
price: "Operations Excellence",
|
||||
rating: 5,
|
||||
reviewCount: "48+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886819.jpg?_wi=1",
|
||||
imageAlt: "professional warehouse logistics operations",
|
||||
},
|
||||
id: "6", brand: "Logistics", name: "Warehouses & Logistics", price: "Operations Excellence", rating: 5,
|
||||
reviewCount: "48+", imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886819.jpg", imageAlt: "professional warehouse logistics operations"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -435,17 +243,12 @@ export default function HomePage() {
|
||||
description="Experience operational excellence designed to support your reputation. Contact our team today to discuss how Dar Saray can support your business with professional, reliable, and innovative integrated services."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:+962793180880",
|
||||
},
|
||||
text: "Call Us Now", href: "tel:+962793180880"},
|
||||
]}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -454,13 +257,9 @@ export default function HomePage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Dar Saray"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -1,51 +1,53 @@
|
||||
"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;
|
||||
fontSize?: number;
|
||||
fontFamily?: string;
|
||||
fontWeight?: string | number;
|
||||
fill?: string;
|
||||
dominantBaseline?: "auto" | "text-bottom" | "alphabetic" | "ideographic" | "middle" | "central" | "mathematical" | "hanging" | "text-top";
|
||||
textAnchor?: "start" | "middle" | "end";
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
export default function SvgTextLogo({
|
||||
text,
|
||||
fontSize = 100,
|
||||
fontFamily = "system-ui, -apple-system, sans-serif", fontWeight = 700,
|
||||
fill = "currentColor", dominantBaseline = "central", textAnchor = "middle", className = ""}: SvgTextLogoProps) {
|
||||
const padding = 20;
|
||||
const textElement = (
|
||||
<text
|
||||
x="50%"
|
||||
y="50%"
|
||||
dy="0.3em"
|
||||
fontSize={fontSize}
|
||||
fontFamily={fontFamily}
|
||||
fontWeight={fontWeight}
|
||||
fill={fill}
|
||||
textAnchor={textAnchor}
|
||||
dominantBaseline={dominantBaseline}
|
||||
className="pointer-events-none"
|
||||
>
|
||||
{text}
|
||||
</text>
|
||||
);
|
||||
|
||||
const estimatedWidth = text.length * (fontSize * 0.6);
|
||||
const estimatedHeight = fontSize * 1.2;
|
||||
const svgWidth = estimatedWidth + padding * 2;
|
||||
const svgHeight = estimatedHeight + padding * 2;
|
||||
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
width={svgWidth}
|
||||
height={svgHeight}
|
||||
viewBox={`0 0 ${svgWidth} ${svgHeight}`}
|
||||
className={className}
|
||||
style={{ display: "inline-block" }}
|
||||
>
|
||||
<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"
|
||||
}}
|
||||
>
|
||||
{logoText}
|
||||
</text>
|
||||
{textElement}
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
}
|
||||
Reference in New Issue
Block a user