133 lines
8.2 KiB
TypeScript
133 lines
8.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Solar", id: "solar" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Munir Al-Naqouzi"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardGallery
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Your Complete Building Materials & Solar Energy Partner"
|
|
description="Quality bathroom fixtures, kitchen supplies, premium tiles, granite, marble, and certified solar energy solutions with genuine warranties."
|
|
buttons={[{ text: "Browse Products", href: "#products" }, { text: "Get Quote", href: "#contact" }]}
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/person-working-wood-working-industry-factory_23-2151352613.jpg?_wi=1", imageAlt: "Bathroom Materials" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683466.jpg?_wi=1", imageAlt: "Natural Stone Tiles" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/technician-engineer-checks-maintenance-solar-cell-panels_1150-4263.jpg", imageAlt: "Solar Solutions" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/person-working-wood-working-industry-factory_23-2151352613.jpg?_wi=2", imageAlt: "Interior Design" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683466.jpg?_wi=2", imageAlt: "Tile Selection" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<FeatureCardTwentyNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Bathroom Solutions", description: "Complete equipment, sanitaryware, and water installation materials.", imageSrc: "http://img.b2bpic.net/free-photo/modern-commercial-kitchen-interior_23-2151949237.jpg?_wi=1", titleIconSrc: "Bath", buttonText: "View Range" },
|
|
{ title: "Kitchen Essentials", description: "Professional-grade fixtures, fittings, and plumbing systems.", imageSrc: "http://img.b2bpic.net/free-photo/modern-commercial-kitchen-interior_23-2151949237.jpg?_wi=2", titleIconSrc: "ChefHat", buttonText: "Explore" },
|
|
{ title: "Tiles & Stone", description: "High-quality ceramic tiles, granite, and marble for your spaces.", imageSrc: "http://img.b2bpic.net/free-photo/stone-wall-with-geometric-shapes-pattern_23-2148189582.jpg?_wi=1", titleIconSrc: "Gem", buttonText: "Browse Selection" },
|
|
{ title: "Solar Systems", description: "Certified solar panels and complete renewable energy installations.", imageSrc: "http://img.b2bpic.net/free-photo/isolated-screen-display-overseeing-solar-panels-plant_482257-119905.jpg?_wi=1", titleIconSrc: "Sun", buttonText: "View Solutions" }
|
|
]}
|
|
title="Premium Product Categories"
|
|
description="Comprehensive range of building materials and energy solutions for every stage of your construction project."
|
|
/>
|
|
</div>
|
|
|
|
<div id="solar" data-section="solar">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ id: "1", value: "100%", title: "Quality Guarantee", description: "Premium certified products with genuine manufacturer warranties.", imageSrc: "http://img.b2bpic.net/free-photo/isolated-screen-display-overseeing-solar-panels-plant_482257-119905.jpg?_wi=2" },
|
|
{ id: "2", value: "Best Value", title: "Competitive Pricing", description: "Market-leading value for all construction building supplies.", imageSrc: "http://img.b2bpic.net/free-photo/stone-wall-with-geometric-shapes-pattern_23-2148189582.jpg?_wi=2" },
|
|
{ id: "3", value: "Expert", title: "Professional Support", description: "Dedicated consultation from project planning to completion.", imageSrc: "http://img.b2bpic.net/free-photo/modern-commercial-kitchen-interior_23-2151949237.jpg?_wi=3" }
|
|
]}
|
|
title="Why Choose Us"
|
|
description="Our commitment to quality, pricing, and expert service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-cardboard-boxes-with-belongings-after-moving-together-new-home_23-2149086814.jpg" },
|
|
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg" },
|
|
{ id: "3", name: "Fatima Youssef", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-working_23-2148480302.jpg" },
|
|
{ id: "4", name: "David Al-Fahad", imageSrc: "http://img.b2bpic.net/free-photo/architect-looking-camera-while-showing-his-plan_23-2148242989.jpg" },
|
|
{ id: "5", name: "Ali Hassan", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg" }
|
|
]}
|
|
cardTitle="What Our Clients Say"
|
|
cardTag="Trusted Service"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{ variant: "plain" }}
|
|
tag="Request Quote"
|
|
title="Get Your Project Quote"
|
|
description="Expert consultation, competitive pricing, and reliable service. Contact us today."
|
|
imageSrc="http://img.b2bpic.net/free-photo/person-working-wood-working-industry-factory_23-2151352613.jpg?_wi=3"
|
|
mediaPosition="right"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Munir Al-Naqouzi Building Materials"
|
|
columns={[
|
|
{ title: "Products", items: [{ label: "Bathrooms", href: "#products" }, { label: "Kitchens", href: "#products" }, { label: "Tiles", href: "#products" }, { label: "Solar", href: "#solar" }] },
|
|
{ title: "Services", items: [{ label: "Consultation", href: "#" }, { label: "Installation", href: "#" }, { label: "Warranty", href: "#" }] },
|
|
{ title: "Contact", items: [{ label: "Phone: +961 1 234 567", href: "tel:+9611234567" }, { label: "Email: info@naqouzi.com", href: "mailto:info@naqouzi.com" }, { label: "Location: Business District", href: "#" }] }
|
|
]}
|
|
copyrightText="© 2024 Munir Al-Naqouzi Building Materials & Solar Energy."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |