Merge version_1 into main #2
307
src/app/page.tsx
307
src/app/page.tsx
@@ -26,231 +26,100 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "عن الشركة",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "الخدمات",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "اتصل بنا",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AL ASAS AL AREEDH"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "عن الشركة", id: "about" },
|
||||
{ name: "الخدمات", id: "features" },
|
||||
{ name: "اتصل بنا", id: "contact" },
|
||||
]}
|
||||
brandName="AL ASAS AL AREEDH"
|
||||
button={{ text: "اتصل الآن", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="شركة الأساس العريض للمقاولات"
|
||||
description="تأسست في عام 2004 وأصبحت شركة الأساس العريض رائدة في المشاريع المتوسطة والعملاقة في البنية التحتية."
|
||||
buttons={[
|
||||
{
|
||||
text: "معرض المشاريع",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "اتصل بنا",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/a-large-scale-construction-site-with-hea-1774697869057-cd6f02fa.png?_wi=1",
|
||||
imageAlt: "Construction 1",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/advanced-engineering-infrastructure-proj-1774697867499-12c27d3b.png",
|
||||
imageAlt: "Construction 2",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/tunnel-construction-with-illuminated-lig-1774697868520-f8b184b4.png",
|
||||
imageAlt: "Construction 3",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/power-grid-electrical-substation-constru-1774697868378-fcbed2cf.png",
|
||||
imageAlt: "Construction 4",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/bridge-construction-project-over-water-m-1774697867577-a82e6219.png",
|
||||
imageAlt: "Construction 5",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/high-speed-water-pipe-construction-large-1774697867608-4a0468cb.png",
|
||||
imageAlt: "Construction 6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="شركة الأساس العريض للمقاولات"
|
||||
description="تأسست في عام 2004 وأصبحت شركة الأساس العريض رائدة في المشاريع المتوسطة والعملاقة في البنية التحتية."
|
||||
buttons={[
|
||||
{ text: "معرض المشاريع", href: "#" },
|
||||
{ text: "اتصل بنا", href: "#contact" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "h1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/a-large-scale-construction-site-with-hea-1774697869057-cd6f02fa.png", imageAlt: "Construction 1" },
|
||||
{ id: "h2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/advanced-engineering-infrastructure-proj-1774697867499-12c27d3b.png", imageAlt: "Construction 2" },
|
||||
{ id: "h3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/tunnel-construction-with-illuminated-lig-1774697868520-f8b184b4.png", imageAlt: "Construction 3" },
|
||||
{ id: "h4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/power-grid-electrical-substation-constru-1774697868378-fcbed2cf.png", imageAlt: "Construction 4" },
|
||||
{ id: "h5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/bridge-construction-project-over-water-m-1774697867577-a82e6219.png", imageAlt: "Construction 5" },
|
||||
{ id: "h6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/high-speed-water-pipe-construction-large-1774697867608-4a0468cb.png", imageAlt: "Construction 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="خبرة عقدين من الزمن"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "سنوات الخبرة",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: Building2,
|
||||
label: "مشاريع مكتملة",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "أسطول معدات",
|
||||
value: "500+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="خبرة عقدين من الزمن"
|
||||
metrics={[
|
||||
{ icon: Award, label: "سنوات الخبرة", value: "20+" },
|
||||
{ icon: Building2, label: "مشاريع مكتملة", value: "150+" },
|
||||
{ icon: Truck, label: "أسطول معدات", value: "500+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"الاختبارات وتحديد الاعطال",
|
||||
"أعمال الطرق والجسور",
|
||||
"مسح الموقع الهيدروليكي",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"إنشاءات عامة",
|
||||
"بنية تحتية للمياه والصرف الصحي",
|
||||
"الطاقة والكهرباء",
|
||||
"تصميم هندسي متقدم",
|
||||
],
|
||||
}}
|
||||
title="خدماتنا الهندسية"
|
||||
description="نحن متخصصون في تطوير مشاريع البنية التحتية الأساسية بأسطول ضخم وكفاءات بشرية ماهرة."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["الاختبارات وتحديد الاعطال", "أعمال الطرق والجسور", "مسح الموقع الهيدروليكي"] }}
|
||||
positiveCard={{ items: ["إنشاءات عامة", "بنية تحتية للمياه والصرف الصحي", "الطاقة والكهرباء", "تصميم هندسي متقدم"] }}
|
||||
title="خدماتنا الهندسية"
|
||||
description="نحن متخصصون في تطوير مشاريع البنية التحتية الأساسية بأسطول ضخم وكفاءات بشرية ماهرة."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "سارة حمدان",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/professional-business-executive-in-const-1774697868563-b7386044.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "أحمد عبد الله",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/construction-site-supervisor-with-hard-h-1774697872292-c1a04ab7.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "ليلى الزهراني",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/architect-holding-blueprints-professiona-1774697866555-5c2d1206.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "خالد المنصور",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/industrial-project-manager-portrait-clea-1774697868972-0ca1dc7f.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "محمد العمري",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/professional-business-executive-in-const-1774697868563-b7386044.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
cardTitle="شركاء النجاح"
|
||||
cardTag="شهادات عملائنا"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "سارة حمدان", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/professional-business-executive-in-const-1774697868563-b7386044.png" },
|
||||
{ id: "2", name: "أحمد عبد الله", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/construction-site-supervisor-with-hard-h-1774697872292-c1a04ab7.png" },
|
||||
{ id: "3", name: "ليلى الزهراني", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/architect-holding-blueprints-professiona-1774697866555-5c2d1206.png" },
|
||||
{ id: "4", name: "خالد المنصور", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/industrial-project-manager-portrait-clea-1774697868972-0ca1dc7f.png" },
|
||||
{ id: "5", name: "محمد العمري", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/professional-business-executive-in-const-1774697868563-b7386044.png" },
|
||||
]}
|
||||
cardTitle="شركاء النجاح"
|
||||
cardTag="شهادات عملائنا"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="هل لديك مشروع طموح؟ تواصل معنا اليوم لنبدأ في بناء المستقبل."
|
||||
buttons={[
|
||||
{
|
||||
text: "تواصل مع خبرائنا",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="هل لديك مشروع طموح؟ تواصل معنا اليوم لنبدأ في بناء المستقبل."
|
||||
buttons={[{ text: "تواصل مع خبرائنا", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/a-large-scale-construction-site-with-hea-1774697869057-cd6f02fa.png?_wi=2"
|
||||
columns={[
|
||||
{
|
||||
title: "عن الشركة",
|
||||
items: [
|
||||
{
|
||||
label: "من نحن",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "رؤيتنا",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "الخدمات",
|
||||
items: [
|
||||
{
|
||||
label: "إنشاءات عامة",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "بنية تحتية",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "اتصل بنا",
|
||||
items: [
|
||||
{
|
||||
label: "التوظيف",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "اتصل الآن",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="AL ASAS AL AREEDH"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/a-large-scale-construction-site-with-hea-1774697869057-cd6f02fa.png"
|
||||
columns={[
|
||||
{ title: "عن الشركة", items: [{ label: "من نحن", href: "#" }, { label: "رؤيتنا", href: "#" }] },
|
||||
{ title: "الخدمات", items: [{ label: "إنشاءات عامة", href: "#" }, { label: "بنية تحتية", href: "#" }] },
|
||||
{ title: "اتصل بنا", items: [{ label: "التوظيف", href: "#" }, { label: "اتصل الآن", href: "#" }] },
|
||||
]}
|
||||
logoText="AL ASAS AL AREEDH"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user