Update src/app/page.tsx
This commit is contained in:
358
src/app/page.tsx
358
src/app/page.tsx
@@ -25,273 +25,109 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Solar",
|
||||
id: "solar",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Munir Al-Naqouzi"
|
||||
/>
|
||||
</div>
|
||||
<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="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", imageAlt: "Bathroom Materials" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683466.jpg", 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", imageAlt: "Interior Design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683466.jpg", 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="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", 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", 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", 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", 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
|
||||
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="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" },
|
||||
{ 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" },
|
||||
{ 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" }
|
||||
]}
|
||||
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="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="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"
|
||||
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>
|
||||
<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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user