Merge version_2 into main #1
361
src/app/page.tsx
361
src/app/page.tsx
@@ -33,91 +33,52 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About / نبذة", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services / خدمات", id: "services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects / مشاريع", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact / تواصل", id: "contact"},
|
||||
]}
|
||||
brandName="Dream Land"
|
||||
brandName="Dream Land / دريم لاند"
|
||||
button={{
|
||||
text: "Request Consultation",
|
||||
}}
|
||||
text: "Request Consultation / طلب استشارة"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Building Projects That Last Generations"
|
||||
description="Dream Land for Contracting delivers luxury construction, infrastructure, and commercial projects with elite craftsmanship, engineering precision, and a commitment to timeless quality."
|
||||
tag="Saudi Standards • Modern Vision • Premium Execution"
|
||||
variant: "gradient-bars"}}
|
||||
title="Building Projects That Last Generations / مشاريع بناء تدوم لأجيال"
|
||||
description="Dream Land for Contracting delivers luxury construction, infrastructure, and commercial projects with elite craftsmanship, engineering precision, and a commitment to timeless quality. / تقدم دريم لاند للمقاولات أعمال بناء فاخرة، وبنية تحتية، ومشاريع تجارية بحرفية نخبوية، ودقة هندسية، والتزام بالجودة الخالدة."
|
||||
tag="Saudi Standards • Modern Vision • Premium Execution / المعايير السعودية • رؤية عصرية • تنفيذ متميز"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Project / ابدأ مشروعك", href: "#contact"},
|
||||
{
|
||||
text: "Explore Portfolio",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "Explore Portfolio / استكشف أعمالنا", href: "#projects"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-building-construction_23-2148230387.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/located-shanghai-one-hundred-years-ago-steel-bridge_1127-2887.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/located-shanghai-one-hundred-years-ago-steel-bridge_1127-2887.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/giant-building-roof_1127-2232.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/giant-building-roof_1127-2232.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/located-shanghai-one-hundred-years-ago-steel-bridge_1127-3115.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/located-shanghai-one-hundred-years-ago-steel-bridge_1127-3115.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/urban-landscape-japan-rails_23-2148889589.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/urban-landscape-japan-rails_23-2148889589.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architect-putting-safety-helmet-desk_23-2148242987.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/architect-putting-safety-helmet-desk_23-2148242987.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Construction",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Engineering",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Architecture",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Craftsmanship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Future Focused",
|
||||
},
|
||||
{ type: "text", text: "Quality Construction / جودة البناء" },
|
||||
{ type: "text", text: "Professional Engineering / هندسة احترافية" },
|
||||
{ type: "text", text: "Timeless Architecture / عمارة خالدة" },
|
||||
{ type: "text", text: "Elite Craftsmanship / حرفية نخبوية" },
|
||||
{ type: "text", text: "Future Focused / رؤية مستقبلية" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,36 +91,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5+",
|
||||
title: "Years Experience",
|
||||
description: "Reliable industry service",
|
||||
icon: Award,
|
||||
id: "m1", value: "5+", title: "Years Experience / سنوات خبرة", description: "Reliable industry service / خدمة موثوقة", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "120+",
|
||||
title: "Projects",
|
||||
description: "Successfully completed works",
|
||||
icon: CheckCircle,
|
||||
id: "m2", value: "120+", title: "Projects / مشاريع", description: "Successfully completed works / أعمال تم إنجازها", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Satisfaction",
|
||||
description: "Clients trust our results",
|
||||
icon: Star,
|
||||
id: "m3", value: "98%", title: "Satisfaction / نسبة الرضا", description: "Clients trust our results / ثقة عملائنا", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Dedicated project team",
|
||||
icon: Clock,
|
||||
id: "m4", value: "24/7", title: "Support / دعم فني", description: "Dedicated project team / فريق متخصص", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
description="Years of expertise and high-quality delivery."
|
||||
title="Proven Excellence / تميز مثبت"
|
||||
description="Years of expertise and high-quality delivery. / سنوات من الخبرة والجودة العالية."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -167,19 +112,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "A Modern Contracting Company Built Around Precision / شركة مقاولات عصرية مبنية على الدقة." },
|
||||
{
|
||||
type: "text",
|
||||
content: "A Modern Contracting Company Built Around ",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Precision.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-two-male-architect-s-hand-blueprint_23-2147839868.jpg",
|
||||
alt: "Engineering",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-two-male-architect-s-hand-blueprint_23-2147839868.jpg", alt: "Engineering"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -189,37 +124,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Residential",
|
||||
title: "Residential Projects",
|
||||
subtitle: "Luxury Living",
|
||||
description: "Luxury villas, compounds, and modern residential buildings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-colleagues-meeting-analyze-building-model-maquette-plan-blueprints-people-working-architecture-design-with-laptop-tablet-urban-layout-table-development_482257-38841.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Commercial",
|
||||
title: "Commercial Construction",
|
||||
subtitle: "Business Spaces",
|
||||
description: "Offices, retail spaces, hotels, and business developments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skyscrapers-high-buildings-new-york-downtown-usa_1268-19554.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Infrastructure",
|
||||
title: "Infrastructure Works",
|
||||
subtitle: "Civil Engineering",
|
||||
description: "Roads, utilities, civil works, and large-scale systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-specialist-using-headset-mic-communicate-insights-engineers_482257-126881.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Finishing",
|
||||
title: "Interior Finishing",
|
||||
subtitle: "Modern Elegance",
|
||||
description: "Premium interiors with elegant modern craftsmanship.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821309.jpg",
|
||||
},
|
||||
{ tag: "Residential / سكني", title: "Residential Projects / المشاريع السكنية", subtitle: "Luxury Living / سكن فاخر", description: "Luxury villas, compounds, and modern residential buildings. / فيلات فاخرة ومجمعات ومباني سكنية حديثة.", imageSrc: "http://img.b2bpic.net/free-photo/group-colleagues-meeting-analyze-building-model-maquette-plan-blueprints-people-working-architecture-design-with-laptop-tablet-urban-layout-table-development_482257-38841.jpg" },
|
||||
{ tag: "Commercial / تجاري", title: "Commercial Construction / الإنشاءات التجارية", subtitle: "Business Spaces / مساحات عمل", description: "Offices, retail spaces, hotels, and business developments. / مكاتب ومساحات تجارية وفنادق وتطويرات أعمال.", imageSrc: "http://img.b2bpic.net/free-photo/skyscrapers-high-buildings-new-york-downtown-usa_1268-19554.jpg" },
|
||||
{ tag: "Infrastructure / بنية تحتية", title: "Infrastructure Works / أعمال البنية التحتية", subtitle: "Civil Engineering / هندسة مدنية", description: "Roads, utilities, civil works, and large-scale systems. / طرق ومرافق وأعمال مدنية وأنظمة واسعة النطاق.", imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-specialist-using-headset-mic-communicate-insights-engineers_482257-126881.jpg" },
|
||||
{ tag: "Finishing / تشطيب", title: "Interior Finishing / التشطيب الداخلي", subtitle: "Modern Elegance / أناقة عصرية", description: "Premium interiors with elegant modern craftsmanship. / تصميمات داخلية فاخرة بحرفية عصرية.", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821309.jpg" },
|
||||
]}
|
||||
title="Premium Contracting Services"
|
||||
description="End-to-end solutions tailored for visionary projects and ambitious developments."
|
||||
title="Premium Contracting Services / خدمات مقاولات متميزة"
|
||||
description="End-to-end solutions tailored for visionary projects and ambitious developments. / حلول متكاملة مصممة للمشاريع الرائدة والتطويرات الطموحة."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -230,45 +141,15 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Urban Villa",
|
||||
price: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skyscraper-modern-office-buildings-city_23-2148836816.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Corporate Office Center",
|
||||
price: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-executives-strategizing-new-project-inclusive-business-environment_482257-124674.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Infrastructure System",
|
||||
price: "Civil",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossroads_1063-101.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Interior Lobby Design",
|
||||
price: "Finishing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chic-mid-century-modern-luxury-aesthetics-living-room-with-gray-velvet-couch-blue-rug_53876-128133.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Residential Tower",
|
||||
price: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283288.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Retail Business Hub",
|
||||
price: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/giant-glass-bulding_1203-811.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Modern Urban Villa / فيلا عصرية", price: "Luxury / فاخر", imageSrc: "http://img.b2bpic.net/free-photo/skyscraper-modern-office-buildings-city_23-2148836816.jpg" },
|
||||
{ id: "p2", name: "Corporate Office Center / مركز أعمال", price: "Commercial / تجاري", imageSrc: "http://img.b2bpic.net/free-photo/female-executives-strategizing-new-project-inclusive-business-environment_482257-124674.jpg" },
|
||||
{ id: "p3", name: "Infrastructure System / نظام بنية تحتية", price: "Civil / مدني", imageSrc: "http://img.b2bpic.net/free-photo/crossroads_1063-101.jpg" },
|
||||
{ id: "p4", name: "Interior Lobby Design / تصميم بهو", price: "Finishing / تشطيب", imageSrc: "http://img.b2bpic.net/free-photo/chic-mid-century-modern-luxury-aesthetics-living-room-with-gray-velvet-couch-blue-rug_53876-128133.jpg" },
|
||||
{ id: "p5", name: "Residential Tower / برج سكني", price: "Luxury / فاخر", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283288.jpg" },
|
||||
{ id: "p6", name: "Retail Business Hub / مجمع تجاري", price: "Commercial / تجاري", imageSrc: "http://img.b2bpic.net/free-photo/giant-glass-bulding_1203-811.jpg" },
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Designed With Vision. Built With Excellence."
|
||||
title="Featured Projects / مشاريعنا المميزة"
|
||||
description="Designed With Vision. Built With Excellence. / صممت برؤية. بنيت بتميز."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -276,17 +157,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Saudi Aramco",
|
||||
"NEOM",
|
||||
"PIF",
|
||||
"Red Sea Global",
|
||||
"Ministry of Housing",
|
||||
"Diriyah Gate",
|
||||
"Qiddiya",
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with industry leaders to shape the future."
|
||||
names={["Saudi Aramco / أرامكو السعودية", "NEOM / نيوم", "PIF / صندوق الاستثمارات العامة", "Red Sea Global / البحر الأحمر الدولية", "Ministry of Housing / وزارة الإسكان", "Diriyah Gate / بوابة الدرعية", "Qiddiya / القدية"]}
|
||||
title="Trusted Partners / شركاء نثق بهم"
|
||||
description="Collaborating with industry leaders to shape the future. / نتعاون مع رواد الصناعة لصياغة المستقبل."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -296,91 +169,30 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmed Al-Farsi",
|
||||
role: "CEO",
|
||||
company: "DevelopCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sara Khalid",
|
||||
role: "Director",
|
||||
company: "CityBuild",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-office-partners-looking-blueprints-plans_482257-10523.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mohammed Omar",
|
||||
role: "Project Manager",
|
||||
company: "UrbanDesign",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-engineers-hand-shake_23-2148480373.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Layla Saeed",
|
||||
role: "Owner",
|
||||
company: "VillaLux",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/great-opportunity-selling-our-projects_329181-9636.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Fahad bin Abdul",
|
||||
role: "Senior Engineer",
|
||||
company: "InfrastructureSystems",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-architect-with-helmet_23-2147702523.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Ahmed Al-Farsi / أحمد الفارسي", role: "CEO / المدير التنفيذي", company: "DevelopCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg" },
|
||||
{ id: "t2", name: "Sara Khalid / سارة خالد", role: "Director / مدير", company: "CityBuild", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/architecture-office-partners-looking-blueprints-plans_482257-10523.jpg" },
|
||||
{ id: "t3", name: "Mohammed Omar / محمد عمر", role: "Project Manager / مدير مشروع", company: "UrbanDesign", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-engineers-hand-shake_23-2148480373.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Commitment",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Availability",
|
||||
},
|
||||
{
|
||||
value: "5+",
|
||||
label: "Experts",
|
||||
},
|
||||
{ value: "100%", label: "Commitment / الالتزام" },
|
||||
{ value: "24/7", label: "Availability / توفر" },
|
||||
{ value: "5+", label: "Experts / خبراء" },
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="What our clients say about us."
|
||||
title="Client Feedback / آراء العملاء"
|
||||
description="What our clients say about us. / ماذا يقول عملاؤنا عنا."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ready To Start Your Project?"
|
||||
description="Book a consultation today."
|
||||
title="Ready To Start Your Project? / هل أنت مستعد للبدء؟"
|
||||
description="Book a consultation today. / احجز استشارتك اليوم."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name / الاسم", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email / البريد الإلكتروني", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help? / كيف يمكننا مساعدتك؟", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-male-female-architecture-discussing-something-while-coffee-break_23-2148204031.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -388,56 +200,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Saturday - Thursday",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "9:00 AM - 6:00 PM",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Friday: Closed",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About Us / نبذة عنا", href: "#about" }, { label: "Services / الخدمات", href: "#services" }, { label: "Projects / المشاريع", href: "#projects" }] },
|
||||
{ items: [{ label: "Contact / تواصل", href: "#contact" }, { label: "Careers / وظائف", href: "#" }, { label: "Privacy / سياسة الخصوصية", href: "#" }] },
|
||||
{ items: [{ label: "Saturday - Thursday / السبت - الخميس", href: "#" }, { label: "9:00 AM - 6:00 PM / ٩ ص - ٦ م", href: "#" }, { label: "Friday: Closed / الجمعة: مغلق", href: "#" }] },
|
||||
]}
|
||||
logoText="Dream Land"
|
||||
logoText="Dream Land / دريم لاند"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user