Merge version_1 into main #1
263
src/app/page.tsx
263
src/app/page.tsx
@@ -33,33 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Shabbir Tiles & Ceramics"
|
||||
/>
|
||||
@@ -71,13 +57,9 @@ export default function LandingPage() {
|
||||
description="Pakistan's leading source for premium tiles and ceramic solutions. Quality, durability, and aesthetics for every space."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Products", href: "#products"},
|
||||
{
|
||||
text: "Visit Our Outlet",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Our Outlet", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sidewalk_1194-6247.jpg"
|
||||
imageAlt="Luxurious tile showroom interior with elegant displays"
|
||||
@@ -93,19 +75,13 @@ export default function LandingPage() {
|
||||
description="For decades, Shabbir Tiles has been synonymous with excellence. Our factory outlet brings you direct access to the finest ceramic, porcelain, and mosaic tiles, meticulously crafted to transform any environment."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Unrivaled Quality",
|
||||
description: "Experience tiles engineered for lasting beauty and performance in any setting.",
|
||||
icon: Sparkles,
|
||||
title: "Unrivaled Quality", description: "Experience tiles engineered for lasting beauty and performance in any setting.", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Diverse Collections",
|
||||
description: "Explore an extensive range of designs, colors, and textures to match every aesthetic.",
|
||||
icon: Award,
|
||||
title: "Diverse Collections", description: "Explore an extensive range of designs, colors, and textures to match every aesthetic.", icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "Our specialists provide personalized consultations to bring your vision to life.",
|
||||
icon: CheckCircle,
|
||||
title: "Expert Guidance", description: "Our specialists provide personalized consultations to bring your vision to life.", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-placing-stacked-flowering-pots-shelf_23-2147948294.jpg"
|
||||
@@ -121,29 +97,16 @@ export default function LandingPage() {
|
||||
description="Experience the blend of tradition and innovation with our diverse product range, superior quality, and unmatched customer satisfaction."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "quality",
|
||||
title: "Superior Product Quality",
|
||||
content: "Our tiles undergo rigorous quality checks, ensuring exceptional durability, finish, and aesthetic appeal for every project.",
|
||||
},
|
||||
id: "quality", title: "Superior Product Quality", content: "Our tiles undergo rigorous quality checks, ensuring exceptional durability, finish, and aesthetic appeal for every project."},
|
||||
{
|
||||
id: "variety",
|
||||
title: "Extensive Design Variety",
|
||||
content: "Discover thousands of unique designs, from classic marble and wood effects to modern geometric patterns and vibrant mosaics, catering to all styles.",
|
||||
},
|
||||
id: "variety", title: "Extensive Design Variety", content: "Discover thousands of unique designs, from classic marble and wood effects to modern geometric patterns and vibrant mosaics, catering to all styles."},
|
||||
{
|
||||
id: "value",
|
||||
title: "Unbeatable Factory Outlet Value",
|
||||
content: "Benefit from competitive pricing direct from our factory, ensuring premium quality tiles are accessible for every budget.",
|
||||
},
|
||||
id: "value", title: "Unbeatable Factory Outlet Value", content: "Benefit from competitive pricing direct from our factory, ensuring premium quality tiles are accessible for every budget."},
|
||||
{
|
||||
id: "service",
|
||||
title: "Dedicated Customer Support",
|
||||
content: "Our expert team is committed to providing excellent service, from selection assistance to after-sales support, making your experience seamless.",
|
||||
},
|
||||
id: "service", title: "Dedicated Customer Support", content: "Our expert team is committed to providing excellent service, from selection assistance to after-sales support, making your experience seamless."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/strong-climber-wall_23-2147795623.jpg"
|
||||
imageAlt="Hand placing a ceramic tile during installation, showcasing quality"
|
||||
videoAriaLabel="Quality ceramic tile installation"
|
||||
mediaAnimation="none"
|
||||
mediaPosition="left"
|
||||
/>
|
||||
@@ -154,49 +117,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Carrara Marble Porcelain",
|
||||
price: "PKR 1,500/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-texture-background_1194-8336.jpg",
|
||||
imageAlt: "White Carrara Marble effect porcelain tile",
|
||||
},
|
||||
id: "p1", name: "Carrara Marble Porcelain", price: "PKR 1,500/sqft", imageSrc: "http://img.b2bpic.net/free-photo/stone-texture-background_1194-8336.jpg", imageAlt: "White Carrara Marble effect porcelain tile"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Rustic Wood Look Tiles",
|
||||
price: "PKR 1,200/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15363.jpg",
|
||||
imageAlt: "Rustic wood look ceramic floor tiles",
|
||||
},
|
||||
id: "p2", name: "Rustic Wood Look Tiles", price: "PKR 1,200/sqft", imageSrc: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15363.jpg", imageAlt: "Rustic wood look ceramic floor tiles"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Geometric Mosaic Series",
|
||||
price: "PKR 2,000/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seamless-abstract-pattern-design_23-2151179102.jpg",
|
||||
imageAlt: "Colorful geometric mosaic tiles",
|
||||
},
|
||||
id: "p3", name: "Geometric Mosaic Series", price: "PKR 2,000/sqft", imageSrc: "http://img.b2bpic.net/free-photo/seamless-abstract-pattern-design_23-2151179102.jpg", imageAlt: "Colorful geometric mosaic tiles"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Industrial Concrete Grey",
|
||||
price: "PKR 1,100/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-160.jpg",
|
||||
imageAlt: "Industrial grey concrete effect porcelain tiles",
|
||||
},
|
||||
id: "p4", name: "Industrial Concrete Grey", price: "PKR 1,100/sqft", imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-160.jpg", imageAlt: "Industrial grey concrete effect porcelain tiles"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Classic Subway Tiles",
|
||||
price: "PKR 950/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multicolor-old-grunge-brick-wall-vintage-background_24972-266.jpg",
|
||||
imageAlt: "White classic subway tiles",
|
||||
},
|
||||
id: "p5", name: "Classic Subway Tiles", price: "PKR 950/sqft", imageSrc: "http://img.b2bpic.net/free-photo/multicolor-old-grunge-brick-wall-vintage-background_24972-266.jpg", imageAlt: "White classic subway tiles"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Modern Terrazzo Collection",
|
||||
price: "PKR 1,800/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-multi-colored-terrazzo-surface-texture_84443-73735.jpg",
|
||||
imageAlt: "Modern colorful terrazzo effect tiles",
|
||||
},
|
||||
id: "p6", name: "Modern Terrazzo Collection", price: "PKR 1,800/sqft", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-multi-colored-terrazzo-surface-texture_84443-73735.jpg", imageAlt: "Modern colorful terrazzo effect tiles"},
|
||||
]}
|
||||
title="Our Exquisite Tile Collections"
|
||||
description="Discover a vast array of designs, textures, and finishes tailored to your unique style. From classic to contemporary, find the perfect tile for your project."
|
||||
@@ -210,29 +144,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50+",
|
||||
title: "Years of Experience",
|
||||
description: "Decades dedicated to pioneering the tile and ceramics industry in Pakistan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hardworking-man-doing-his-job-woodshop_23-2148970814.jpg",
|
||||
imageAlt: "Award trophy representing years of experience",
|
||||
},
|
||||
id: "m1", value: "50+", title: "Years of Experience", description: "Decades dedicated to pioneering the tile and ceramics industry in Pakistan.", imageSrc: "http://img.b2bpic.net/free-photo/hardworking-man-doing-his-job-woodshop_23-2148970814.jpg", imageAlt: "Award trophy representing years of experience"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
title: "Customer Satisfaction",
|
||||
description: "Our commitment to quality and service ensures an exceptional experience for every client.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-color-palette_23-2148889740.jpg",
|
||||
imageAlt: "Satisfied customer smiling",
|
||||
},
|
||||
id: "m2", value: "99%", title: "Customer Satisfaction", description: "Our commitment to quality and service ensures an exceptional experience for every client.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-color-palette_23-2148889740.jpg", imageAlt: "Satisfied customer smiling"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1000+",
|
||||
title: "Tile Designs",
|
||||
description: "An unmatched collection offering endless possibilities for residential and commercial spaces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418549.jpg",
|
||||
imageAlt: "Diverse tile options display",
|
||||
},
|
||||
id: "m3", value: "1000+", title: "Tile Designs", description: "An unmatched collection offering endless possibilities for residential and commercial spaces.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418549.jpg", imageAlt: "Diverse tile options display"},
|
||||
]}
|
||||
title="A Legacy of Trust & Excellence"
|
||||
description="With decades of industry leadership, we are committed to delivering unparalleled quality and value to our customers nationwide."
|
||||
@@ -243,66 +159,31 @@ export default function LandingPage() {
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ayesha Khan",
|
||||
role: "Architect",
|
||||
company: "Design Arc Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-builder-man-uniform-thumbs-up-isolated-olive-green-wall_141793-66535.jpg",
|
||||
imageAlt: "Ayesha Khan, Architect",
|
||||
},
|
||||
id: "t1", name: "Ayesha Khan", role: "Architect", company: "Design Arc Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-builder-man-uniform-thumbs-up-isolated-olive-green-wall_141793-66535.jpg", imageAlt: "Ayesha Khan, Architect"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Imran Ali",
|
||||
role: "Homeowner",
|
||||
company: "Residential Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-man-chekered-shirt-sitting-table-using-tablet-computer-co-working-office_285396-1797.jpg",
|
||||
imageAlt: "Imran Ali, Homeowner",
|
||||
},
|
||||
id: "t2", name: "Imran Ali", role: "Homeowner", company: "Residential Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-man-chekered-shirt-sitting-table-using-tablet-computer-co-working-office_285396-1797.jpg", imageAlt: "Imran Ali, Homeowner"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sara Ahmed",
|
||||
role: "Interior Designer",
|
||||
company: "Elegant Spaces",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-with-mugs-kitchen-morning_23-2147894744.jpg",
|
||||
imageAlt: "Sara Ahmed, Interior Designer",
|
||||
},
|
||||
id: "t3", name: "Sara Ahmed", role: "Interior Designer", company: "Elegant Spaces", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-with-mugs-kitchen-morning_23-2147894744.jpg", imageAlt: "Sara Ahmed, Interior Designer"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Usman Malik",
|
||||
role: "Contractor",
|
||||
company: "BuildRight Construction",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-group-friends-posing_23-2148212351.jpg",
|
||||
imageAlt: "Usman Malik, Contractor",
|
||||
},
|
||||
id: "t4", name: "Usman Malik", role: "Contractor", company: "BuildRight Construction", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-group-friends-posing_23-2148212351.jpg", imageAlt: "Usman Malik, Contractor"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Fatima Sohail",
|
||||
role: "Boutique Owner",
|
||||
company: "Chic Concepts",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-shot-serious-unshaven-man-entrepreneur-studies-invoice-does-paper-work-home_273609-43635.jpg",
|
||||
imageAlt: "Fatima Sohail, Boutique Owner",
|
||||
},
|
||||
id: "t5", name: "Fatima Sohail", role: "Boutique Owner", company: "Chic Concepts", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-shot-serious-unshaven-man-entrepreneur-studies-invoice-does-paper-work-home_273609-43635.jpg", imageAlt: "Fatima Sohail, Boutique Owner"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "50+",
|
||||
label: "Years in Business",
|
||||
},
|
||||
value: "50+", label: "Years in Business"},
|
||||
{
|
||||
value: "1M+",
|
||||
label: "Sq Ft Tiles Installed",
|
||||
},
|
||||
value: "1M+", label: "Sq Ft Tiles Installed"},
|
||||
{
|
||||
value: "Nationwide",
|
||||
label: "Delivery",
|
||||
},
|
||||
value: "Nationwide", label: "Delivery"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from architects, designers, and homeowners who trust Shabbir Tiles & Ceramics for their most important projects."
|
||||
@@ -315,30 +196,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What types of tiles do you offer?",
|
||||
content: "We offer a comprehensive range including ceramic, porcelain, mosaic, and natural stone effect tiles suitable for floors, walls, and various indoor/outdoor applications.",
|
||||
},
|
||||
id: "faq1", title: "What types of tiles do you offer?", content: "We offer a comprehensive range including ceramic, porcelain, mosaic, and natural stone effect tiles suitable for floors, walls, and various indoor/outdoor applications."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you offer installation services?",
|
||||
content: "While we do not directly provide installation, we can recommend certified and experienced installers in your area to ensure a perfect finish for your project.",
|
||||
},
|
||||
id: "faq2", title: "Do you offer installation services?", content: "While we do not directly provide installation, we can recommend certified and experienced installers in your area to ensure a perfect finish for your project."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What is the return policy?",
|
||||
content: "Unused and undamaged tiles can be returned within 30 days of purchase, provided they are in their original packaging. A restocking fee may apply. Please contact our sales team for details.",
|
||||
},
|
||||
id: "faq3", title: "What is the return policy?", content: "Unused and undamaged tiles can be returned within 30 days of purchase, provided they are in their original packaging. A restocking fee may apply. Please contact our sales team for details."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Can I get samples before buying?",
|
||||
content: "Yes, we encourage our customers to take samples to ensure the perfect match for their space. Visit our factory outlet to pick up samples, or contact us for delivery options.",
|
||||
},
|
||||
id: "faq4", title: "Can I get samples before buying?", content: "Yes, we encourage our customers to take samples to ensure the perfect match for their space. Visit our factory outlet to pick up samples, or contact us for delivery options."},
|
||||
{
|
||||
id: "faq5",
|
||||
title: "Do you deliver nationwide?",
|
||||
content: "Yes, we offer reliable nationwide delivery services across Pakistan. Delivery charges may vary based on location and order size. Please inquire for a detailed quote.",
|
||||
},
|
||||
id: "faq5", title: "Do you deliver nationwide?", content: "Yes, we offer reliable nationwide delivery services across Pakistan. Delivery charges may vary based on location and order size. Please inquire for a detailed quote."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common queries about our products, services, and factory outlet experience."
|
||||
@@ -350,8 +216,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Visit Our Factory Outlet or Inquire Online"
|
||||
description="Our team is ready to assist you in finding the perfect tiles. Stop by our outlet for a personalized experience or send us a message below."
|
||||
@@ -367,49 +232,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our History",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our History", href: "#"},
|
||||
{
|
||||
label: "Mission & Values",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mission & Values", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Collections", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user