3 Commits

Author SHA1 Message Date
48402c1164 Update src/app/page.tsx 2026-04-06 09:22:44 +00:00
b2fc102ebe Update src/app/styles/variables.css 2026-04-06 09:22:15 +00:00
59dad5741d Update src/app/page.tsx 2026-04-06 09:22:15 +00:00
2 changed files with 95 additions and 310 deletions

View File

@@ -23,322 +23,107 @@ export default function LandingPage() {
cardStyle="gradient-radial"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="light"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "home",
},
{
name: "Products",
id: "products",
},
{
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="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "home" },
{ name: "Products", id: "products" },
{ name: "Services", id: "services" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
]}
brandName="Munir Al-Naqouzi"
/>
</div>
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "radial-gradient",
}}
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/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="home" data-section="home">
<HeroBillboardGallery
background={{ 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."
buttons={[
{ text: "Browse Products", href: "#products" },
{ text: "Get Quote", href: "#contact" },
]}
mediaItems={[
{ 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" },
]}
mediaAnimation="slide-up"
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split-description"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Munir Al-Naqouzi",
name: "Luxury Bath Vanity",
price: "Contact for pricing",
rating: 5,
reviewCount: "24",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-eco-cosmetics-concept_23-2148778671.jpg",
},
{
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="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split-description"
gridVariant="four-items-2x2-equal-grid"
title="Our Premium Categories"
description="Explore our curated collections of high-quality building and energy materials."
useInvertedBackground={false}
products={[
{ 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" },
{ 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" },
{ 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" },
{ 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" }
]}
/>
</div>
<div id="services" data-section="services">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
icon: CheckCircle,
title: "Quality Guarantee",
description: "Every product is vetted for durability and certified performance.",
},
{
icon: Zap,
title: "Certified Solar",
description: "High-efficiency panels with genuine, long-term warranties.",
},
{
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="services" data-section="services">
<FeatureHoverPattern
title="Our Expert Services"
description="Dedicated professional support to ensure your building and energy projects succeed."
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: Award, title: "Expert Consultation", description: "Professional advice from experienced industry leaders." },
{ icon: Shield, title: "Warrantied Solutions", description: "Genuine warranties for peace of mind." }
]}
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Great Quality",
quote: "Best quality with reasonable prices, definitely the best choice in the city.",
name: "Ahmad M.",
role: "Homeowner",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg",
},
{
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="reviews" data-section="reviews">
<TestimonialCardTen
title="Client Testimonials"
description="Real feedback from our satisfied customers and construction partners."
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", title: "Exceptional Quality", quote: "The tiles and fixtures from Munir Al-Naqouzi are second to none.", name: "Ali H.", role: "Developer" },
{ id: "2", title: "Solar Experts", quote: "They transformed my energy savings with high-efficiency panels.", name: "Fatima M.", role: "Homeowner" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "downward-rays-animated-grid",
}}
tag="Get In Touch"
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 id="contact" data-section="contact">
<ContactCenter
tag="Get In Touch"
title="Let's Build Together"
description="Contact our team for quotes, project advice, or product information."
useInvertedBackground={true}
background={{ variant: "downward-rays-animated-grid" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Munir Al-Naqouzi"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
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>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Munir Al-Naqouzi"
columns={[
{ title: "Navigation", items: [{ label: "Products", href: "#products" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
{ title: "Support", items: [{ label: "Warranty", href: "#" }, { label: "Terms", href: "#" }] }
]}
copyrightText="© 2025 Munir Al-Naqouzi. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -10,8 +10,8 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;