Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 48402c1164 | |||
| b2fc102ebe | |||
| 59dad5741d |
401
src/app/page.tsx
401
src/app/page.tsx
@@ -23,322 +23,107 @@ export default function LandingPage() {
|
|||||||
cardStyle="gradient-radial"
|
cardStyle="gradient-radial"
|
||||||
primaryButtonStyle="diagonal-gradient"
|
primaryButtonStyle="diagonal-gradient"
|
||||||
secondaryButtonStyle="radial-glow"
|
secondaryButtonStyle="radial-glow"
|
||||||
headingFontWeight="light"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "home" },
|
||||||
name: "Home",
|
{ name: "Products", id: "products" },
|
||||||
id: "home",
|
{ name: "Services", id: "services" },
|
||||||
},
|
{ name: "Reviews", id: "reviews" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "Products",
|
]}
|
||||||
id: "products",
|
brandName="Munir Al-Naqouzi"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
name: "Services",
|
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Solar Solutions",
|
|
||||||
id: "solar",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Reviews",
|
|
||||||
id: "reviews",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="Munir Al-Naqouzi"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "radial-gradient",
|
title="Munir Al-Naqouzi: Building Materials & Solar Energy"
|
||||||
}}
|
description="Your trusted partner for premium building supplies, bathroom and kitchen fixtures, and high-efficiency solar energy solutions."
|
||||||
title="Your Complete Building Materials & Solar Energy Partner"
|
buttons={[
|
||||||
description="Quality bathroom fixtures, kitchen supplies, premium tiles, granite, marble, and certified solar energy solutions with genuine warranties."
|
{ text: "Browse Products", href: "#products" },
|
||||||
buttons={[
|
{ text: "Get Quote", href: "#contact" },
|
||||||
{
|
]}
|
||||||
text: "Browse Products",
|
mediaItems={[
|
||||||
href: "#products",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-fixtures_3092-234.jpg", imageAlt: "Bathroom fixtures" },
|
||||||
},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-on-roof_4234-921.jpg", imageAlt: "Solar energy system" },
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/marble-tiles-showroom_5023-112.jpg", imageAlt: "Tiles and stone collection" },
|
||||||
text: "Get Quote",
|
]}
|
||||||
href: "#contact",
|
mediaAnimation="slide-up"
|
||||||
},
|
/>
|
||||||
]}
|
</div>
|
||||||
mediaItems={[
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15375.jpg",
|
|
||||||
imageAlt: "Modern bathroom fixtures",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-countertop-sink-with-dishes_1153-5786.jpg",
|
|
||||||
imageAlt: "Kitchen supply display",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683499.jpg",
|
|
||||||
imageAlt: "Premium marble tiles",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2195.jpg",
|
|
||||||
imageAlt: "Solar panel installation",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-workshop-creating-bike_23-2148866687.jpg",
|
|
||||||
imageAlt: "Professional showroom",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-rescue-life-buoy_1359-554.jpg",
|
|
||||||
imageAlt: "Water installation plumbing",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardTwo
|
<ProductCardTwo
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split-description"
|
textboxLayout="split-description"
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
useInvertedBackground={false}
|
title="Our Premium Categories"
|
||||||
products={[
|
description="Explore our curated collections of high-quality building and energy materials."
|
||||||
{
|
useInvertedBackground={false}
|
||||||
id: "p1",
|
products={[
|
||||||
brand: "Munir Al-Naqouzi",
|
{ id: "p1", brand: "Luxury Bath", name: "Bathroom Fixtures", price: "Contact Us", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-faucet_1012-923.jpg" },
|
||||||
name: "Luxury Bath Vanity",
|
{ id: "p2", brand: "Kitchen Elite", name: "Kitchen Supplies", price: "Contact Us", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-sink_3042-451.jpg" },
|
||||||
price: "Contact for pricing",
|
{ id: "p3", brand: "StoneCraft", name: "Tiles & Stone", price: "Per SQM", rating: 4, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/marble-tiles-texture_4023-999.jpg" },
|
||||||
rating: 5,
|
{ id: "p4", brand: "SolarCore", name: "Solar Energy", price: "Request Quote", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-array_3423-888.jpg" }
|
||||||
reviewCount: "24",
|
]}
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-eco-cosmetics-concept_23-2148778671.jpg",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
brand: "SolarCore",
|
|
||||||
name: "Pro Solar Panel",
|
|
||||||
price: "Request Quote",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "18",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/shareholders-reviewing-solar-panel-components-analyzing-material-quality_482257-123381.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
brand: "DesignTile",
|
|
||||||
name: "Marble Wall Tile",
|
|
||||||
price: "Per sqm",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "12",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-floor-texture_1194-8963.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
brand: "FlowMaster",
|
|
||||||
name: "Water Installation Kit",
|
|
||||||
price: "Competitive",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "30",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-assortment-pvc_23-2149062940.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
brand: "ChefSupply",
|
|
||||||
name: "Modern Kitchen Fittings",
|
|
||||||
price: "Request Quote",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "40",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-sink-with-black-faucet-lighting-stylish-modern-interior-with-wooden-countertop_169016-71994.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
brand: "EcoEnergy",
|
|
||||||
name: "Solar Battery Storage",
|
|
||||||
price: "Professional",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "22",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-technician-hand-wearing-gloves-fixing-screw-computer-slot_23-2147922398.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Our Premium Collections"
|
|
||||||
description="From luxury bathroom fixtures to innovative solar energy systems, we provide total building excellence."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="services" data-section="services">
|
<div id="services" data-section="services">
|
||||||
<FeatureHoverPattern
|
<FeatureHoverPattern
|
||||||
animationType="slide-up"
|
title="Our Expert Services"
|
||||||
textboxLayout="split"
|
description="Dedicated professional support to ensure your building and energy projects succeed."
|
||||||
useInvertedBackground={true}
|
features={[
|
||||||
features={[
|
{ icon: CheckCircle, title: "Quality Control", description: "Vetted, durable materials for long-term reliability." },
|
||||||
{
|
{ icon: Zap, title: "Solar Design", description: "Engineered solar solutions tailored to your energy needs." },
|
||||||
icon: CheckCircle,
|
{ icon: Award, title: "Expert Consultation", description: "Professional advice from experienced industry leaders." },
|
||||||
title: "Quality Guarantee",
|
{ icon: Shield, title: "Warrantied Solutions", description: "Genuine warranties for peace of mind." }
|
||||||
description: "Every product is vetted for durability and certified performance.",
|
]}
|
||||||
},
|
animationType="slide-up"
|
||||||
{
|
textboxLayout="split"
|
||||||
icon: Zap,
|
useInvertedBackground={true}
|
||||||
title: "Certified Solar",
|
/>
|
||||||
description: "High-efficiency panels with genuine, long-term warranties.",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Award,
|
|
||||||
title: "Expert Consultation",
|
|
||||||
description: "Personalized advice from professionals in building and energy.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Shield,
|
|
||||||
title: "Complete Support",
|
|
||||||
description: "From guidance on installation to aftermarket maintenance.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Why Choose Our Services"
|
|
||||||
description="We don't just supply; we provide comprehensive solutions for every step of your project."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="reviews" data-section="reviews">
|
<div id="reviews" data-section="reviews">
|
||||||
<TestimonialCardTen
|
<TestimonialCardTen
|
||||||
textboxLayout="split"
|
title="Client Testimonials"
|
||||||
useInvertedBackground={false}
|
description="Real feedback from our satisfied customers and construction partners."
|
||||||
testimonials={[
|
textboxLayout="split"
|
||||||
{
|
useInvertedBackground={false}
|
||||||
id: "1",
|
testimonials={[
|
||||||
title: "Great Quality",
|
{ id: "1", title: "Exceptional Quality", quote: "The tiles and fixtures from Munir Al-Naqouzi are second to none.", name: "Ali H.", role: "Developer" },
|
||||||
quote: "Best quality with reasonable prices, definitely the best choice in the city.",
|
{ id: "2", title: "Solar Experts", quote: "They transformed my energy savings with high-efficiency panels.", name: "Fatima M.", role: "Homeowner" }
|
||||||
name: "Ahmad M.",
|
]}
|
||||||
role: "Homeowner",
|
/>
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
title: "Excellent Service",
|
|
||||||
quote: "Good service and competitive prices. Will recommend to others.",
|
|
||||||
name: "Sara K.",
|
|
||||||
role: "Architect",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/all-control-smiling-young-woman-assure-everything-ok-showing-okay-sign-say-yes-approve-agree-recommend-good-thing-praise-nice-work-standing-white-background_176420-45406.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
title: "Guaranteed Products",
|
|
||||||
quote: "Very professional, really appreciated the genuine warranties provided.",
|
|
||||||
name: "Mohammad S.",
|
|
||||||
role: "Developer",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187303.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
title: "Best Solar Solutions",
|
|
||||||
quote: "High-quality solar energy solutions installed professionally. Very satisfied.",
|
|
||||||
name: "Layla F.",
|
|
||||||
role: "Homeowner",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
title: "Reliable Partner",
|
|
||||||
quote: "Comprehensive supply, competitive pricing, and great expert guidance.",
|
|
||||||
name: "Omar K.",
|
|
||||||
role: "Contractor",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167446.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Trusted by Homeowners & Developers"
|
|
||||||
description="Hear what our clients say about the quality, competitive pricing, and service at Munir Al-Naqouzi."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={true}
|
tag="Get In Touch"
|
||||||
background={{
|
title="Let's Build Together"
|
||||||
variant: "downward-rays-animated-grid",
|
description="Contact our team for quotes, project advice, or product information."
|
||||||
}}
|
useInvertedBackground={true}
|
||||||
tag="Get In Touch"
|
background={{ variant: "downward-rays-animated-grid" }}
|
||||||
title="Request Your Quote Today"
|
/>
|
||||||
description="Ready to get started? Fill out the form or reach out directly via phone or email for a consultation."
|
</div>
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseReveal
|
<FooterBaseReveal
|
||||||
logoText="Munir Al-Naqouzi"
|
logoText="Munir Al-Naqouzi"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Navigation", items: [{ label: "Products", href: "#products" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||||
title: "Company",
|
{ title: "Support", items: [{ label: "Warranty", href: "#" }, { label: "Terms", href: "#" }] }
|
||||||
items: [
|
]}
|
||||||
{
|
copyrightText="© 2025 Munir Al-Naqouzi. All rights reserved."
|
||||||
label: "About Us",
|
/>
|
||||||
href: "#about",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Products",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Services",
|
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Solutions",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Bathroom",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Kitchen",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Solar Energy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Tiles & Stone",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Warranties",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms of Use",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
copyrightText="© 2024 Munir Al-Naqouzi Building Materials. All rights reserved."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -10,8 +10,8 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #ffffff;
|
--background: #f5f5f5;
|
||||||
--card: #f9f9f9;
|
--card: #ffffff;
|
||||||
--foreground: #1c1c1c;
|
--foreground: #1c1c1c;
|
||||||
--primary-cta: #15479c;
|
--primary-cta: #15479c;
|
||||||
--primary-cta-text: #ffffff;
|
--primary-cta-text: #ffffff;
|
||||||
|
|||||||
Reference in New Issue
Block a user