Merge version_1 into main #1
463
src/app/page.tsx
463
src/app/page.tsx
@@ -29,333 +29,160 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Noor Enterprises"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Noor Enterprises"
|
||||
button={{
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="Premium Painting & Waterproofing Specialists"
|
||||
description="Protecting and beautifying premium spaces with advanced chemical coatings, expert engineering, and unmatched durability. Engineered solutions tailored to keep your structures beautiful, resilient, and completely leakproof."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sportsman-warming-up-before-running_23-2147757979.jpg",
|
||||
imageAlt: "luxury building exterior coating",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-paint_23-2149714286.jpg",
|
||||
imageAlt: "protective chemical coating application",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet_23-2147702501.jpg",
|
||||
imageAlt: "modern skyscraper premium facade finish",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/daylight-analog-city-landscape-with-buildings_23-2149661406.jpg",
|
||||
imageAlt: "luxury villa white wall finish",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-building_1204-86.jpg",
|
||||
imageAlt: "building thermal envelope technology",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-falling-wooden-abstract-design_53876-95420.jpg",
|
||||
imageAlt: "minimalist building architectural abstract",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Premium Painting & Waterproofing Specialists"
|
||||
description="Protecting and beautifying premium spaces with advanced chemical coatings, expert engineering, and unmatched durability. Engineered solutions tailored to keep your structures beautiful, resilient, and completely leakproof."
|
||||
buttons={[
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
{ text: "Explore Services", href: "#services" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/sportsman-warming-up-before-running_23-2147757979.jpg", imageAlt: "luxury building exterior coating" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-paint_23-2149714286.jpg", imageAlt: "protective chemical coating application" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet_23-2147702501.jpg", imageAlt: "modern skyscraper premium facade finish" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/daylight-analog-city-landscape-with-buildings_23-2149661406.jpg", imageAlt: "luxury villa white wall finish" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/roof-building_1204-86.jpg", imageAlt: "building thermal envelope technology" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/light-falling-wooden-abstract-design_53876-95420.jpg", imageAlt: "minimalist building architectural abstract" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Engineering Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Structures Protected",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Combined Experience",
|
||||
value: "25",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Waterproof Efficiency",
|
||||
value: "99.9%",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Engineering Excellence"
|
||||
metrics={[
|
||||
{ icon: Shield, label: "Structures Protected", value: "150+" },
|
||||
{ icon: Award, label: "Years Combined Experience", value: "25" },
|
||||
{ icon: Zap, label: "Waterproof Efficiency", value: "99.9%" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Advanced Polymers",
|
||||
tags: [
|
||||
"High-tech",
|
||||
"Durable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-machine_74190-5335.jpg",
|
||||
imageAlt: "industrial waterproofing spray tool",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Precision Application",
|
||||
tags: [
|
||||
"Artisan",
|
||||
"Quality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skyscraper-office-shape-business-urban_1127-2765.jpg",
|
||||
imageAlt: "metallic building coating shine",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Longevity Guaranteed",
|
||||
tags: [
|
||||
"Tested",
|
||||
"Proven",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-door-side-view_23-2149714298.jpg",
|
||||
imageAlt: "professional painter high rise scaffold",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Noor?"
|
||||
description="We blend chemical innovation with artisanal craftsmanship to deliver superior results."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Advanced Polymers", tags: ["High-tech", "Durable"], imageSrc: "http://img.b2bpic.net/free-photo/car-machine_74190-5335.jpg", imageAlt: "industrial waterproofing spray tool" },
|
||||
{ id: "f2", title: "Precision Application", tags: ["Artisan", "Quality"], imageSrc: "http://img.b2bpic.net/free-photo/skyscraper-office-shape-business-urban_1127-2765.jpg", imageAlt: "metallic building coating shine" },
|
||||
{ id: "f3", title: "Longevity Guaranteed", tags: ["Tested", "Proven"], imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-door-side-view_23-2149714298.jpg", imageAlt: "professional painter high rise scaffold" },
|
||||
]}
|
||||
title="Why Choose Noor?"
|
||||
description="We blend chemical innovation with artisanal craftsmanship to deliver superior results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Structural Coating",
|
||||
price: "Custom",
|
||||
variant: "Industrial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-space-text_185193-108861.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Waterproofing Sealant",
|
||||
price: "Custom",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-worker-pouring-paint_23-2149878808.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Facade Restoration",
|
||||
price: "Custom",
|
||||
variant: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-painting-palette_23-2148929887.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Reinforcement Treatment",
|
||||
price: "Custom",
|
||||
variant: "Technical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232250.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Industrial Roofing",
|
||||
price: "Custom",
|
||||
variant: "Heavy-Duty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Interior Wall Protection",
|
||||
price: "Custom",
|
||||
variant: "Refined",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouldering-wall-background-rock-climbing-practice_23-2151722092.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Premium industrial-grade coatings and surface treatments for high-end infrastructure."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Structural Coating", price: "Custom", variant: "Industrial", imageSrc: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-space-text_185193-108861.jpg" },
|
||||
{ id: "p2", name: "Waterproofing Sealant", price: "Custom", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-worker-pouring-paint_23-2149878808.jpg" },
|
||||
{ id: "p3", name: "Facade Restoration", price: "Custom", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/top-view-painting-palette_23-2148929887.jpg" },
|
||||
{ id: "p4", name: "Reinforcement Treatment", price: "Custom", variant: "Technical", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232250.jpg" },
|
||||
{ id: "p5", name: "Industrial Roofing", price: "Custom", variant: "Heavy-Duty", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg" },
|
||||
{ id: "p6", name: "Interior Wall Protection", price: "Custom", variant: "Refined", imageSrc: "http://img.b2bpic.net/free-photo/bouldering-wall-background-rock-climbing-practice_23-2151722092.jpg" },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Premium industrial-grade coatings and surface treatments for high-end infrastructure."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11594.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-protection-equipment_23-2148269365.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Robert Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-using-digital-tablet_1262-2435.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marcus Aurelius",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Client Success"
|
||||
cardTag="Trusted by Experts"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11594.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-protection-equipment_23-2148269365.jpg" },
|
||||
{ id: "t3", name: "Robert Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-using-digital-tablet_1262-2435.jpg" },
|
||||
{ id: "t4", name: "Emily White", imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg" },
|
||||
{ id: "t5", name: "Marcus Aurelius", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg" },
|
||||
]}
|
||||
cardTitle="Client Success"
|
||||
cardTag="Trusted by Experts"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How long does the treatment last?",
|
||||
content: "Our high-tech coatings are rated for 15-20 years of durability under normal conditions.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you provide on-site consultations?",
|
||||
content: "Yes, our engineering team conducts comprehensive site surveys before any project start.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Are your materials environmentally safe?",
|
||||
content: "We exclusively use VOC-free, eco-friendly chemical coatings compliant with modern green building standards.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "faq1", title: "How long does the treatment last?", content: "Our high-tech coatings are rated for 15-20 years of durability under normal conditions." },
|
||||
{ id: "faq2", title: "Do you provide on-site consultations?", content: "Yes, our engineering team conducts comprehensive site surveys before any project start." },
|
||||
{ id: "faq3", title: "Are your materials environmentally safe?", content: "We exclusively use VOC-free, eco-friendly chemical coatings compliant with modern green building standards." },
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Luxe Developments",
|
||||
"Apex Realty",
|
||||
"Global Construction",
|
||||
"City Infrastructure",
|
||||
"Urban Architects",
|
||||
"Elite Property Mgmt",
|
||||
"Future Build Corp",
|
||||
]}
|
||||
title="Trusted by Leading Organizations"
|
||||
description="Partnering with industry giants to deliver excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Luxe Developments", "Apex Realty", "Global Construction", "City Infrastructure", "Urban Architects", "Elite Property Mgmt", "Future Build Corp"
|
||||
]}
|
||||
title="Trusted by Leading Organizations"
|
||||
description="Partnering with industry giants to deliver excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
text="Ready to protect your legacy? Contact our engineering team for a professional consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Noor Enterprises",
|
||||
href: "tel:+1000000000",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Ready to protect your legacy? Contact our engineering team for a professional consultation."
|
||||
buttons={[
|
||||
{ text: "Call Noor Enterprises", href: "tel:+1000000000" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Noor Enterprises"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Noor Enterprises"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user