Merge version_1 into main #2
230
src/app/page.tsx
230
src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Droplets, Lightbulb, ShieldCheck, Truck, Wrench, Zap } from "lucide-react";
|
||||
import { Droplets, Hammer, Lightbulb, ShieldCheck, Truck, Wrench, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,73 +31,46 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "الرئيسية", id: "#hero"},
|
||||
{
|
||||
name: "خدماتنا",
|
||||
id: "#services",
|
||||
},
|
||||
name: "خدماتنا", id: "#services"},
|
||||
{
|
||||
name: "لماذا الفاضل",
|
||||
id: "#why-us",
|
||||
},
|
||||
name: "لماذا الفاضل", id: "#why-us"},
|
||||
{
|
||||
name: "آراء العملاء",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "آراء العملاء", id: "#testimonials"},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "تواصل معنا", id: "#contact"},
|
||||
]}
|
||||
brandName="الفاضل"
|
||||
button={{
|
||||
text: "تواصل معنا",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "تواصل معنا", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="الفاضل للسباكة والكهرباء ومواد البناء"
|
||||
description="كل ما تحتاجه لبيتك ومشروعك، في مكان واحد. نقدم جودة حقيقية بأسعار واضحة وخدمة تحس فيها بالفرق."
|
||||
tag="ALFADEL · RIYADH"
|
||||
buttons={[
|
||||
{
|
||||
text: "تواصل معنا الآن",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "تواصل معنا الآن", href: "#contact"},
|
||||
{
|
||||
text: "استكشف خدماتنا",
|
||||
href: "#services",
|
||||
},
|
||||
text: "استكشف خدماتنا", href: "#services"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-pipe-wrench-safety-helmet-paint-brush-open-end-wrench-wooden-background_141793-15175.jpg?_wi=1",
|
||||
imageAlt: "Tools and materials",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-pipe-wrench-safety-helmet-paint-brush-open-end-wrench-wooden-background_141793-15175.jpg", imageAlt: "Tools and materials"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-pipe-wrench-safety-helmet-paint-brush-open-end-wrench-wooden-background_141793-15175.jpg?_wi=2",
|
||||
imageAlt: "Tools and materials",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-pipe-wrench-safety-helmet-paint-brush-open-end-wrench-wooden-background_141793-15175.jpg", imageAlt: "Tools and materials"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-pipe-wrench-safety-helmet-paint-brush-open-end-wrench-wooden-background_141793-15175.jpg?_wi=3",
|
||||
imageAlt: "Tools and materials",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-pipe-wrench-safety-helmet-paint-brush-open-end-wrench-wooden-background_141793-15175.jpg", imageAlt: "Tools and materials"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-pipe-wrench-safety-helmet-paint-brush-open-end-wrench-wooden-background_141793-15175.jpg?_wi=4",
|
||||
imageAlt: "Tools and materials",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-pipe-wrench-safety-helmet-paint-brush-open-end-wrench-wooden-background_141793-15175.jpg", imageAlt: "Tools and materials"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-pipe-wrench-safety-helmet-paint-brush-open-end-wrench-wooden-background_141793-15175.jpg?_wi=5",
|
||||
imageAlt: "Tools and materials",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-pipe-wrench-safety-helmet-paint-brush-open-end-wrench-wooden-background_141793-15175.jpg", imageAlt: "Tools and materials"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -110,49 +83,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "+10",
|
||||
title: "سنوات خبرة",
|
||||
items: [
|
||||
"خدمة مستمرة",
|
||||
"تطور دائم",
|
||||
],
|
||||
id: "1", value: "+10", title: "سنوات خبرة", items: [
|
||||
"خدمة مستمرة", "تطور دائم"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "+500",
|
||||
title: "عميل راضٍ",
|
||||
items: [
|
||||
"ثقة العملاء",
|
||||
"تقييمات عالية",
|
||||
],
|
||||
id: "2", value: "+500", title: "عميل راضٍ", items: [
|
||||
"ثقة العملاء", "تقييمات عالية"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "3",
|
||||
title: "تخصصات أساسية",
|
||||
items: [
|
||||
"سباكة وكهرباء",
|
||||
"مواد بناء",
|
||||
],
|
||||
id: "3", value: "3", title: "تخصصات أساسية", items: [
|
||||
"سباكة وكهرباء", "مواد بناء"],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "100%",
|
||||
title: "رضا العملاء",
|
||||
items: [
|
||||
"خدمة ممتازة",
|
||||
"مواد معتمدة",
|
||||
],
|
||||
id: "4", value: "100%", title: "رضا العملاء", items: [
|
||||
"خدمة ممتازة", "مواد معتمدة"],
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
value: "24/7",
|
||||
title: "دعم فني",
|
||||
items: [
|
||||
"استجابة سريعة",
|
||||
"دعم مستمر",
|
||||
],
|
||||
id: "5", value: "24/7", title: "دعم فني", items: [
|
||||
"استجابة سريعة", "دعم مستمر"],
|
||||
},
|
||||
]}
|
||||
title="ثقة بنيت على مدار عقد"
|
||||
@@ -167,67 +115,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "السباكة",
|
||||
description: "مواد سباكة عالية الجودة وفريق فني خبير.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990728.jpg?_wi=1",
|
||||
imageAlt: "Plumbing services",
|
||||
},
|
||||
title: "السباكة", description: "مواد سباكة عالية الجودة وفريق فني خبير.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990728.jpg", imageAlt: "Plumbing services"},
|
||||
items: [
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "تركيب أنابيب",
|
||||
},
|
||||
text: "تركيب أنابيب"},
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "إصلاح تسربات",
|
||||
},
|
||||
text: "إصلاح تسربات"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-pipe-wrench-safety-helmet-paint-brush-open-end-wrench-wooden-background_141793-15175.jpg?_wi=6",
|
||||
imageAlt: "construction tools plumbing electrical supplies",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "الكهرباء",
|
||||
description: "مواد كهربائية معتمدة وآمنة للمشاريع السكنية والتجارية.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cutting-wires_23-2148254069.jpg",
|
||||
imageAlt: "Electrical services",
|
||||
},
|
||||
title: "الكهرباء", description: "مواد كهربائية معتمدة وآمنة للمشاريع السكنية والتجارية.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cutting-wires_23-2148254069.jpg", imageAlt: "Electrical services"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "لوحات توزيع",
|
||||
},
|
||||
text: "لوحات توزيع"},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
text: "إضاءة وتوصيلات",
|
||||
},
|
||||
text: "إضاءة وتوصيلات"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-owner-working_23-2148828356.jpg?_wi=1",
|
||||
imageAlt: "professional plumber at work",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "مواد البناء",
|
||||
description: "توريد جميع مستلزمات البناء بأسعار الجملة.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bricklaying-construction-worker-building-brick-wall_1150-14760.jpg",
|
||||
imageAlt: "Construction materials",
|
||||
},
|
||||
title: "مواد البناء", description: "توريد جميع مستلزمات البناء بأسعار الجملة.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bricklaying-construction-worker-building-brick-wall_1150-14760.jpg", imageAlt: "Construction materials"},
|
||||
items: [
|
||||
{
|
||||
icon: Hammer,
|
||||
text: "إسمنت وحديد",
|
||||
},
|
||||
text: "إسمنت وحديد"},
|
||||
{
|
||||
icon: Truck,
|
||||
text: "توصيل سريع",
|
||||
},
|
||||
text: "توصيل سريع"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990728.jpg?_wi=2",
|
||||
imageAlt: "plumbing services icons",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="خدماتنا - كل ما تحتاجه تحت سقف واحد"
|
||||
@@ -243,7 +167,7 @@ export default function LandingPage() {
|
||||
description="جودة لا تساوم وأسعار واضحة، نحن هنا لضمان راحتك في كل خطوة."
|
||||
subdescription="نقدم تجربة شراء مختلفة بفضل فريق متخصص ومخزون متوفر دائماً."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-businesswoman-owner-working_23-2148828356.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-businesswoman-owner-working_23-2148828356.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -255,40 +179,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "إدريس داها",
|
||||
handle: "عميل",
|
||||
testimonial: "ممتاز جداً. المكان فيه كل ما تحتاجه والفريق متعاون جداً.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
|
||||
},
|
||||
id: "1", name: "إدريس داها", handle: "عميل", testimonial: "ممتاز جداً. المكان فيه كل ما تحتاجه والفريق متعاون جداً.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "سليمان يوسف",
|
||||
handle: "مرشد محلي",
|
||||
testimonial: "الفريق فنانين ومساعدين. خدمة من القلب وما يقصرون أبداً.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
},
|
||||
id: "2", name: "سليمان يوسف", handle: "مرشد محلي", testimonial: "الفريق فنانين ومساعدين. خدمة من القلب وما يقصرون أبداً.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "بابول إسلام",
|
||||
handle: "مرشد محلي",
|
||||
testimonial: "تعامل محترم وبضاعة متوفرة. يستاهل الزيارة بكل تأكيد.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
},
|
||||
id: "3", name: "بابول إسلام", handle: "مرشد محلي", testimonial: "تعامل محترم وبضاعة متوفرة. يستاهل الزيارة بكل تأكيد.", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "أحمد خالد",
|
||||
handle: "عميل",
|
||||
testimonial: "أسعار ممتازة وجودة عالية. أنصح به للجميع.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
},
|
||||
id: "4", name: "أحمد خالد", handle: "عميل", testimonial: "أسعار ممتازة وجودة عالية. أنصح به للجميع.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "محمد علي",
|
||||
handle: "عميل",
|
||||
testimonial: "سرعة في التوصيل واحترافية في التعامل.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
},
|
||||
id: "5", name: "محمد علي", handle: "عميل", testimonial: "سرعة في التوصيل واحترافية في التعامل.", imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
|
||||
]}
|
||||
title="آراء عملائنا الكرام"
|
||||
description="ماذا يقول عملاؤنا عن تجربتهم معنا."
|
||||
@@ -299,8 +198,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="تواصل معنا"
|
||||
title="نحن هنا لمساعدتك"
|
||||
description="سواء عندك مشروع كبير أو إصلاح صغير، تواصل معنا وسنرد في أسرع وقت."
|
||||
@@ -315,41 +213,25 @@ export default function LandingPage() {
|
||||
logoText="الفاضل"
|
||||
columns={[
|
||||
{
|
||||
title: "خدماتنا",
|
||||
items: [
|
||||
title: "خدماتنا", items: [
|
||||
{
|
||||
label: "السباكة",
|
||||
href: "#services",
|
||||
},
|
||||
label: "السباكة", href: "#services"},
|
||||
{
|
||||
label: "الكهرباء",
|
||||
href: "#services",
|
||||
},
|
||||
label: "الكهرباء", href: "#services"},
|
||||
{
|
||||
label: "مواد البناء",
|
||||
href: "#services",
|
||||
},
|
||||
label: "مواد البناء", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "روابط سريعة",
|
||||
items: [
|
||||
title: "روابط سريعة", items: [
|
||||
{
|
||||
label: "الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "الرئيسية", href: "#hero"},
|
||||
{
|
||||
label: "لماذا الفاضل",
|
||||
href: "#why-us",
|
||||
},
|
||||
label: "لماذا الفاضل", href: "#why-us"},
|
||||
{
|
||||
label: "آراء العملاء",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "آراء العملاء", href: "#testimonials"},
|
||||
{
|
||||
label: "تواصل معنا",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "تواصل معنا", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user