Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-05-10 11:06:15 +00:00
3 changed files with 206 additions and 402 deletions

View File

@@ -7,104 +7,65 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Gallery",
id: "/gallery",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Al Madain Consulting"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
title="Let's Build Together"
description="Visit us at C Ring Road, Building 178, Doha, or reach out via our form."
imageSrc="http://img.b2bpic.net/free-photo/detail-shot-modern-architecture-facade_1359-831.jpg?_wi=2"
tag="Contact Us"
mediaAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
faqs={[
{
id: "1",
title: "Where are you located?",
content: "Our office is on C Ring Road, Doha.",
},
{
id: "2",
title: "Do you provide site visits?",
content: "Yes, we conduct thorough site supervision.",
},
{
id: "3",
title: "What project types?",
content: "From towers to master planning.",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/empty-architectural-office-with-building-model-blueprints-plans-table-nobody-space-used-real-estate-design-development-with-architecture-construction-structure_482257-27835.jpg?_wi=3"
logoText="Al Madain Engineering"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Gallery",
href: "/gallery",
},
],
},
{
title: "Contact",
items: [
{
label: "Doha Office",
href: "/contact",
},
],
},
]}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" }
]}
brandName="Al Madain Consulting"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
title="Let's Build Together"
description="Visit us at C Ring Road, Building 178, Doha, or reach out via our form."
imageSrc="http://img.b2bpic.net/free-photo/detail-shot-modern-architecture-facade_1359-831.jpg"
tag="Contact Us"
mediaAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
faqs={[
{ id: "1", title: "Where are you located?", content: "Our office is on C Ring Road, Doha." },
{ id: "2", title: "Do you provide site visits?", content: "Yes, we conduct thorough site supervision." },
{ id: "3", title: "What project types?", content: "From towers to master planning." }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/empty-architectural-office-with-building-model-blueprints-plans-table-nobody-space-used-real-estate-design-development-with-architecture-construction-structure_482257-27835.jpg"
logoText="Al Madain Engineering"
columns={[
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Gallery", href: "/gallery" }] },
{ title: "Contact", items: [{ label: "Doha Office", href: "/contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -2,158 +2,77 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Check, Zap, Scale, Shield } from 'lucide-react';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
export default function LandingPage() {
export default function GalleryPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Gallery",
id: "/gallery",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Al Madain Consulting"
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Commercial Tower",
price: "Doha",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-axis-towers-tbilisi-georgia-blue-sky_181624-61144.jpg",
},
{
id: "p2",
name: "Residential Complex",
price: "Doha",
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-999.jpg",
},
{
id: "p3",
name: "Urban Planning",
price: "Doha",
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-708.jpg",
},
{
id: "p4",
name: "Industrial Facility",
price: "Doha",
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-downtown-development-exterior-building_53876-16509.jpg",
},
{
id: "p5",
name: "Luxury Villa",
price: "Doha",
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-illuminated-night_1150-18357.jpg",
},
{
id: "p6",
name: "Master Planning",
price: "Doha",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-skyscrapers_1359-44.jpg",
},
]}
title="Our Engineering Projects"
description="Explore our portfolio of completed projects across Qatar."
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
title="Our Standards"
description="How we guarantee quality in every build."
features={[
{
title: "Compliance",
description: "Global safety adherence.",
buttonIcon: "Check",
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-modern-architecture-facade_1359-831.jpg?_wi=1",
imageAlt: "modern architecture exterior building",
},
{
title: "Innovation",
description: "Modern technical workflows.",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-working-with-solar-engineering-team-doing-brainstorming-improving_482257-135271.jpg?_wi=2",
imageAlt: "modern architecture exterior building",
},
{
title: "Precision",
description: "Accuracy in all blueprints.",
buttonIcon: "Scale",
imageSrc: "http://img.b2bpic.net/free-photo/shareholders-team-ensure-factory-follows-safety-procedures-before-investing_482257-119563.jpg?_wi=2",
imageAlt: "modern architecture exterior building",
},
{
title: "Durability",
description: "Built for longevity.",
buttonIcon: "Shield",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg?_wi=2",
imageAlt: "modern architecture exterior building",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/empty-architectural-office-with-building-model-blueprints-plans-table-nobody-space-used-real-estate-design-development-with-architecture-construction-structure_482257-27835.jpg?_wi=2"
logoText="Al Madain Engineering"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Gallery",
href: "/gallery",
},
],
},
{
title: "Contact",
items: [
{
label: "Doha Office",
href: "/contact",
},
],
},
]}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" }
]}
brandName="Al Madain Consulting"
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Engineering Projects"
description="Explore our portfolio of completed projects across Qatar."
products={[
{ id: "p1", name: "Commercial Tower", price: "Doha", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-axis-towers-tbilisi-georgia-blue-sky_181624-61144.jpg" },
{ id: "p2", name: "Residential Complex", price: "Doha", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-999.jpg" },
{ id: "p3", name: "Urban Planning", price: "Doha", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-708.jpg" }
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
title="Our Standards"
description="How we guarantee quality in every build."
features={[
{ title: "Compliance", description: "Global safety adherence.", icon: Check, imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-modern-architecture-facade_1359-831.jpg", imageAlt: "modern architecture exterior building" },
{ title: "Innovation", description: "Modern technical workflows.", icon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-working-with-solar-engineering-team-doing-brainstorming-improving_482257-135271.jpg", imageAlt: "modern architecture exterior building" },
{ title: "Precision", description: "Accuracy in all blueprints.", icon: Scale, imageSrc: "http://img.b2bpic.net/free-photo/shareholders-team-ensure-factory-follows-safety-procedures-before-investing_482257-119563.jpg", imageAlt: "modern architecture exterior building" },
{ title: "Durability", description: "Built for longevity.", icon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg", imageAlt: "modern architecture exterior building" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/empty-architectural-office-with-building-model-blueprints-plans-table-nobody-space-used-real-estate-design-development-with-architecture-construction-structure_482257-27835.jpg"
logoText="Al Madain Engineering"
columns={[
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Gallery", href: "/gallery" }] },
{ title: "Contact", items: [{ label: "Doha Office", href: "/contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -16,179 +16,103 @@ export default function LandingPage() {
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Gallery",
id: "/gallery",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Al Madain Consulting"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "plain",
}}
title="Excellence in Engineering Consultancy"
description="Providing premier structural and engineering solutions in Doha, Qatar. Building the future with precision."
buttons={[
{
text: "Explore Gallery",
href: "/gallery",
},
{
text: "Contact Us",
href: "/contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-working-with-solar-engineering-team-doing-brainstorming-improving_482257-135271.jpg?_wi=1"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Decades of Technical Precision"
description="We specialize in providing high-end structural consulting for complex projects in Qatar."
bulletPoints={[
{
title: "Structural Design",
description: "Robust and compliant designs.",
},
{
title: "Site Supervision",
description: "Ensuring quality on the field.",
},
{
title: "Technical Audit",
description: "Risk mitigation and safety.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/shareholders-team-ensure-factory-follows-safety-procedures-before-investing_482257-119563.jpg?_wi=1"
mediaAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Shahab Almarri",
handle: "@client",
testimonial: "The best in Qatar",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg?_wi=1",
},
{
id: "2",
name: "Tito Tito",
handle: "@client",
testimonial: "Excellent service and design.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg",
},
{
id: "3",
name: "Ahmed Rashid",
handle: "@partner",
testimonial: "Professional and timely delivery.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-with-plans-helmet_1149-1127.jpg",
},
{
id: "4",
name: "Fatima Al-Sayed",
handle: "@developer",
testimonial: "Exceptional structural insights.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
},
{
id: "5",
name: "Jassim Ali",
handle: "@client",
testimonial: "Highly recommended for all.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2901.jpg",
},
]}
showRating={true}
title="Trusted by Leaders"
description="Hear what our partners say about our consulting services."
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Inquiry"
title="Project Consultation"
description="Request a structural assessment for your upcoming development."
inputPlaceholder="Enter your business email"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/empty-architectural-office-with-building-model-blueprints-plans-table-nobody-space-used-real-estate-design-development-with-architecture-construction-structure_482257-27835.jpg?_wi=1"
logoText="Al Madain Engineering"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Gallery",
href: "/gallery",
},
],
},
{
title: "Contact",
items: [
{
label: "Doha Office",
href: "/contact",
},
],
},
]}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" }
]}
brandName="Al Madain Consulting"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{ variant: "plain" }}
title="Excellence in Engineering Consultancy"
description="Providing premier structural and engineering solutions in Doha, Qatar. Building the future with precision."
buttons={[
{ text: "Explore Gallery", href: "/gallery" },
{ text: "Contact Us", href: "/contact" }
]}
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-working-with-solar-engineering-team-doing-brainstorming-improving_482257-135271.jpg"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Decades of Technical Precision"
description="We specialize in providing high-end structural consulting for complex projects in Qatar."
bulletPoints={[
{ title: "Structural Design", description: "Robust and compliant designs." },
{ title: "Site Supervision", description: "Ensuring quality on the field." },
{ title: "Technical Audit", description: "Risk mitigation and safety." }
]}
imageSrc="http://img.b2bpic.net/free-photo/shareholders-team-ensure-factory-follows-safety-procedures-before-investing_482257-119563.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
showRating={true}
title="Trusted by Leaders"
description="Hear what our partners say about our consulting services."
testimonials={[
{ id: "1", name: "Shahab Almarri", handle: "@client", testimonial: "The best in Qatar", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg" },
{ id: "2", name: "Tito Tito", handle: "@client", testimonial: "Excellent service and design.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg" },
{ id: "3", name: "Ahmed Rashid", handle: "@partner", testimonial: "Professional and timely delivery.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-with-plans-helmet_1149-1127.jpg" },
{ id: "4", name: "Fatima Al-Sayed", handle: "@developer", testimonial: "Exceptional structural insights.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg" },
{ id: "5", name: "Jassim Ali", handle: "@client", testimonial: "Highly recommended for all.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2901.jpg" }
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Engineering Insights"
description="Latest trends and structural methodologies."
blogs={[
{ title: "Sustainable Doha", description: "Green building practices.", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-modern-architecture-facade_1359-831.jpg" },
{ title: "Future of Design", description: "Innovation in engineering.", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-modern-architecture-facade_1359-831.jpg" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Inquiry"
title="Project Consultation"
description="Request a structural assessment for your upcoming development."
inputPlaceholder="Enter your business email"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/empty-architectural-office-with-building-model-blueprints-plans-table-nobody-space-used-real-estate-design-development-with-architecture-construction-structure_482257-27835.jpg"
logoText="Al Madain Engineering"
columns={[
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Gallery", href: "/gallery" }] },
{ title: "Contact", items: [{ label: "Doha Office", href: "/contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}