Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "Why Us", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ijaz ul Haq"
|
||||
/>
|
||||
@@ -56,65 +48,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Premium Building Materials You Can Trust"
|
||||
description="Providing superior quality cement, steel, and industrial materials for Faisalabad's most iconic projects. Reliability and excellence in every brick."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+923000000000",
|
||||
},
|
||||
text: "Call Now", href: "tel:+923000000000"},
|
||||
{
|
||||
text: "WhatsApp Order",
|
||||
href: "https://wa.me/923000000000",
|
||||
},
|
||||
text: "WhatsApp Order", href: "https://wa.me/923000000000"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15099.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15099.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563115.jpg",
|
||||
alt: "Construction hammer indoors still life",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563115.jpg", alt: "Construction hammer indoors still life"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15097.jpg",
|
||||
alt: "Brick piles placed on the factory floor.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15097.jpg", alt: "Brick piles placed on the factory floor."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-old-black-square-tiles-wall-lights-cool-wallpapers_181624-28438.jpg",
|
||||
alt: "Closeup of old black square tiles of a wall under the lights - cool for wallpapers",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-old-black-square-tiles-wall-lights-cool-wallpapers_181624-28438.jpg", alt: "Closeup of old black square tiles of a wall under the lights - cool for wallpapers"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563128.jpg",
|
||||
alt: "Construction hammer indoors still life",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563128.jpg", alt: "Construction hammer indoors still life"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15099.jpg",
|
||||
alt: "luxury construction site materials",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15099.jpg", alt: "luxury construction site materials"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Cement",
|
||||
},
|
||||
type: "text", text: "Premium Cement"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Structural Steel",
|
||||
},
|
||||
type: "text", text: "Structural Steel"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Bricks",
|
||||
},
|
||||
type: "text", text: "Quality Bricks"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Building Sand",
|
||||
},
|
||||
type: "text", text: "Building Sand"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Finish Tiles",
|
||||
},
|
||||
type: "text", text: "Finish Tiles"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,25 +93,13 @@ export default function LandingPage() {
|
||||
tag="Trusted Excellence"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Projects Supplied",
|
||||
},
|
||||
id: "m1", value: "500+", description: "Projects Supplied"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15",
|
||||
description: "Years Experience",
|
||||
},
|
||||
id: "m2", value: "15", description: "Years Experience"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m3", value: "99%", description: "Client Satisfaction"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24/7",
|
||||
description: "Support Ready",
|
||||
},
|
||||
id: "m4", value: "24/7", description: "Support Ready"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -157,28 +112,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "Certified materials meeting international standards.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-clay-smudge_23-2148862863.jpg",
|
||||
imageAlt: "Top view clay smudge",
|
||||
title: "Premium Quality", description: "Certified materials meeting international standards.", bentoComponent: "reveal-icon", icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Cooperative Staff",
|
||||
description: "Professional support at every stage.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15099.jpg?_wi=2",
|
||||
imageAlt: "Top view clay smudge",
|
||||
title: "Cooperative Staff", description: "Professional support at every stage.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Strong Management",
|
||||
description: "Streamlined processes for fast delivery.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-hand-holding-mold-with-paper-pulp-tray_23-2147845506.jpg?_wi=1",
|
||||
imageAlt: "Top view clay smudge",
|
||||
title: "Strong Management", description: "Streamlined processes for fast delivery.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -194,41 +134,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Portland Cement",
|
||||
price: "High Quality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-hand-holding-mold-with-paper-pulp-tray_23-2147845506.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Portland Cement", price: "High Quality", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-hand-holding-mold-with-paper-pulp-tray_23-2147845506.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Construction Steel",
|
||||
price: "Structural Grade",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/many-metal-kegs-beer_1398-2532.jpg",
|
||||
},
|
||||
id: "p2", name: "Construction Steel", price: "Structural Grade", imageSrc: "http://img.b2bpic.net/free-photo/many-metal-kegs-beer_1398-2532.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Burnt Clay Bricks",
|
||||
price: "Durable Core",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slices-brown-bread-marble-surface_114579-45781.jpg",
|
||||
},
|
||||
id: "p3", name: "Burnt Clay Bricks", price: "Durable Core", imageSrc: "http://img.b2bpic.net/free-photo/slices-brown-bread-marble-surface_114579-45781.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "River Sand",
|
||||
price: "Clean Quality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12335.jpg",
|
||||
},
|
||||
id: "p4", name: "River Sand", price: "Clean Quality", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12335.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Decorative Tiles",
|
||||
price: "Elegant Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-background-texture_1372-235.jpg",
|
||||
},
|
||||
id: "p5", name: "Decorative Tiles", price: "Elegant Style", imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-background-texture_1372-235.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Steel Beams",
|
||||
price: "Heavy Duty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-old-construction-beams-country_1127-2786.jpg",
|
||||
},
|
||||
id: "p6", name: "Steel Beams", price: "Heavy Duty", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-old-construction-beams-country_1127-2786.jpg"},
|
||||
]}
|
||||
title="Our Materials"
|
||||
description="A comprehensive range of high-performance construction materials."
|
||||
@@ -242,19 +158,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Building,
|
||||
label: "Reliability",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Reliability", value: "100%"},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "On-Time Delivery",
|
||||
value: "Fast",
|
||||
},
|
||||
label: "On-Time Delivery", value: "Fast"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Standards",
|
||||
value: "Verified",
|
||||
},
|
||||
label: "Standards", value: "Verified"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -267,40 +177,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Khan",
|
||||
role: "Architect",
|
||||
testimonial: "Excellent service and high grade cement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-wearing-his-safety-equipment_23-2148242918.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Khan", role: "Architect", testimonial: "Excellent service and high grade cement.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-wearing-his-safety-equipment_23-2148242918.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ali Hassan",
|
||||
role: "Builder",
|
||||
testimonial: "My go-to place for all steel supplies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
},
|
||||
id: "t2", name: "Ali Hassan", role: "Builder", testimonial: "My go-to place for all steel supplies.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Faisal Malik",
|
||||
role: "Contractor",
|
||||
testimonial: "Professional team, always on time delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
|
||||
},
|
||||
id: "t3", name: "Faisal Malik", role: "Contractor", testimonial: "Professional team, always on time delivery.", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Zainab Tariq",
|
||||
role: "Developer",
|
||||
testimonial: "Best quality bricks and tiles in Faisalabad.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-posing-with-helmet_23-2148921382.jpg",
|
||||
},
|
||||
id: "t4", name: "Zainab Tariq", role: "Developer", testimonial: "Best quality bricks and tiles in Faisalabad.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-posing-with-helmet_23-2148921382.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Bilal Ahmed",
|
||||
role: "Engineer",
|
||||
testimonial: "Reliable partner for all structural materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drafting-tools-near-tablet-blueprints_23-2147785552.jpg",
|
||||
},
|
||||
id: "t5", name: "Bilal Ahmed", role: "Engineer", testimonial: "Reliable partner for all structural materials.", imageSrc: "http://img.b2bpic.net/free-photo/drafting-tools-near-tablet-blueprints_23-2147785552.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our partners say about our quality."
|
||||
@@ -313,20 +198,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we provide site delivery across Faisalabad.",
|
||||
},
|
||||
id: "f1", title: "Do you offer delivery?", content: "Yes, we provide site delivery across Faisalabad."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is pricing negotiable?",
|
||||
content: "For bulk orders, we offer competitive bulk rates.",
|
||||
},
|
||||
id: "f2", title: "Is pricing negotiable?", content: "For bulk orders, we offer competitive bulk rates."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What payment methods?",
|
||||
content: "We accept cash, bank transfer, and cheques.",
|
||||
},
|
||||
id: "f3", title: "What payment methods?", content: "We accept cash, bank transfer, and cheques."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common inquiries about our supply chain."
|
||||
@@ -338,8 +214,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Request a Quote"
|
||||
description="Ready to build? Get in touch with our team for professional material estimates today."
|
||||
@@ -355,14 +230,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user