Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2b188a7dfa |
191
src/app/page.tsx
191
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import { ShieldCheck, Truck } from "lucide-react";
|
||||
import { ShieldCheck, Truck, Mail, Phone, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,22 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SS Paverblock"
|
||||
/>
|
||||
@@ -52,81 +41,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="SS Paverblock & Chequred Tiles Industry"
|
||||
description="Your premier source for high-quality, durable paver blocks and checkered concrete tiles. Built to last, designed to impress."
|
||||
kpis={[
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Quality Assured",
|
||||
},
|
||||
{ value: "1000+", label: "Projects Completed" },
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "100%", label: "Quality Assured" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Products", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384865.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12591.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-plate-geometric-pattern-floor-minimalist-design_169016-25290.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/textured-background_53876-32429.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15576.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-metallic-surface-close-up_23-2148846140.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ industry professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "ISO Certified",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Durable Design",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Logistics",
|
||||
icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Patterns",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -134,19 +60,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting Strength ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/modern-architecture-building-blue-skies_1127-2956.jpg",
|
||||
alt: "Crafting Strength",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Through Precision Engineering",
|
||||
},
|
||||
{ type: "text", content: "Crafting Strength " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/modern-architecture-building-blue-skies_1127-2956.jpg", alt: "Crafting Strength" },
|
||||
{ type: "text", content: " Through Precision Engineering" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -158,48 +74,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Standard Paver Block",
|
||||
price: "Request Quote",
|
||||
variant: "Gray Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12591.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Checkered Industrial Tile",
|
||||
price: "Request Quote",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-plate-geometric-pattern-floor-minimalist-design_169016-25290.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Driveway Rectangle Block",
|
||||
price: "Request Quote",
|
||||
variant: "Heavy Duty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/textured-background_53876-32429.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Interlocking Landscape Block",
|
||||
price: "Request Quote",
|
||||
variant: "Architecture",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15576.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Large Cement Floor Tile",
|
||||
price: "Request Quote",
|
||||
variant: "Sleek Finish",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-surface-close-up_23-2148846140.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Decorative Exterior Stone",
|
||||
price: "Request Quote",
|
||||
variant: "Aesthetic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Standard Paver Block", price: "Request Quote", variant: "Gray Standard", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12591.jpg" },
|
||||
{ id: "p2", name: "Checkered Industrial Tile", price: "Request Quote", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/black-white-plate-geometric-pattern-floor-minimalist-design_169016-25290.jpg" },
|
||||
{ id: "p3", name: "Driveway Rectangle Block", price: "Request Quote", variant: "Heavy Duty", imageSrc: "http://img.b2bpic.net/free-photo/textured-background_53876-32429.jpg" },
|
||||
{ id: "p4", name: "Interlocking Landscape Block", price: "Request Quote", variant: "Architecture", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15576.jpg" },
|
||||
{ id: "p5", name: "Large Cement Floor Tile", price: "Request Quote", variant: "Sleek Finish", imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-surface-close-up_23-2148846140.jpg" },
|
||||
{ id: "p6", name: "Decorative Exterior Stone", price: "Request Quote", variant: "Aesthetic", imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg" },
|
||||
]}
|
||||
title="Our Product Range"
|
||||
description="Explore our wide catalog of concrete paving solutions."
|
||||
@@ -211,21 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are your tiles weather resistant?",
|
||||
content: "Yes, our concrete products are designed for harsh outdoor conditions.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer bulk delivery?",
|
||||
content: "We offer streamlined logistics for all project sizes.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you provide custom designs?",
|
||||
content: "Yes, we work with architects to create custom patterns.",
|
||||
},
|
||||
{ id: "f1", title: "Are your tiles weather resistant?", content: "Yes, our concrete products are designed for harsh outdoor conditions." },
|
||||
{ id: "f2", title: "Do you offer bulk delivery?", content: "We offer streamlined logistics for all project sizes." },
|
||||
{ id: "f3", title: "Can you provide custom designs?", content: "Yes, we work with architects to create custom patterns." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have the answers."
|
||||
@@ -236,12 +104,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Contact Us"
|
||||
title="Get in Touch Today"
|
||||
description="Connect with our team for your next big project. Reliable service, quality materials."
|
||||
description="Have an inquiry or need a quote? Reach out to our location in the Industrial Zone, Sector 4, or fill out the form below."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-teens-table_23-2147678822.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -251,9 +117,14 @@ export default function LandingPage() {
|
||||
<FooterCard
|
||||
logoText="SS Paverblock Industry"
|
||||
copyrightText="© 2025 SS Paverblock & Chequred Tiles Industry. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Mail, href: "mailto:info@sspaver.com", ariaLabel: "Email Us" },
|
||||
{ icon: Phone, href: "tel:+1234567890", ariaLabel: "Call Us" },
|
||||
{ icon: MapPin, href: "#", ariaLabel: "Find Us" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user