bender/dd82ba82-99a9-4aeb-84da-6d571e11e831
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 21:57:23 +00:00
parent 89ebf77e82
commit 3eb5891d3e
1 changed files with 59 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

254
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Categories",
id: "#categories",
},
name: "Categories", id: "#categories"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="The Stationery Mart"
/>
@@ -58,73 +50,39 @@ export default function LandingPage() {
description="School supplies, office essentials, art materials, and bulk stationery – reliable, fast, and affordable. We serve students, schools, and offices across the city."
testimonials={[
{
name: "Ahmed Raza",
handle: "@ahmed",
testimonial: "Best stationery shop in Bihar Muslim Society. Excellent variety!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-her-workshop_329181-17294.jpg",
},
name: "Ahmed Raza", handle: "@ahmed", testimonial: "Best stationery shop in Bihar Muslim Society. Excellent variety!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-her-workshop_329181-17294.jpg"},
{
name: "Sara Khan",
handle: "@sara",
testimonial: "Very helpful staff, always have everything I need for school.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/kid-holding-drawing-pencils_23-2147848746.jpg",
},
name: "Sara Khan", handle: "@sara", testimonial: "Very helpful staff, always have everything I need for school.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/kid-holding-drawing-pencils_23-2147848746.jpg"},
{
name: "Zainab Ali",
handle: "@zainab",
testimonial: "Reliable supplier for our office bulk orders. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/locally-grown-food-bio-store-restock_482257-76629.jpg",
},
name: "Zainab Ali", handle: "@zainab", testimonial: "Reliable supplier for our office bulk orders. Highly recommend.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/locally-grown-food-bio-store-restock_482257-76629.jpg"},
{
name: "Hassan Malik",
handle: "@hassan",
testimonial: "Great pricing and very convenient location near Zulekha Tower.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-glasses-tutor-raises-hand-with-pen-eureka-gesture-has-idea-solution-holds_1258-218533.jpg",
},
name: "Hassan Malik", handle: "@hassan", testimonial: "Great pricing and very convenient location near Zulekha Tower.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-glasses-tutor-raises-hand-with-pen-eureka-gesture-has-idea-solution-holds_1258-218533.jpg"},
{
name: "Mariam Shah",
handle: "@mariam",
testimonial: "My go-to place for all art supplies. Quick service!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-tender-curly-girl-holding-documents_176420-244.jpg",
},
name: "Mariam Shah", handle: "@mariam", testimonial: "My go-to place for all art supplies. Quick service!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-tender-curly-girl-holding-documents_176420-244.jpg"},
]}
buttons={[
{
text: "Call Now",
href: "tel:03334383335",
},
text: "Call Now", href: "tel:03334383335"},
{
text: "WhatsApp Us",
href: "https://wa.me/923334383335",
},
text: "WhatsApp Us", href: "https://wa.me/923334383335"},
]}
imageSrc="http://img.b2bpic.net/free-photo/green-apple-pile-books-notebook-pencils-table-with-blurred-white-board-back-school-concept_482257-24191.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/green-apple-pile-books-notebook-pencils-table-with-blurred-white-board-back-school-concept_482257-24191.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/green-apple-pile-books-notebook-pencils-table-with-blurred-white-board-back-school-concept_482257-24191.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/green-apple-pile-books-notebook-pencils-table-with-blurred-white-board-back-school-concept_482257-24191.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/modern-workspace-with-colorful-stationeries-closed-laptop_23-2147924189.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/modern-workspace-with-colorful-stationeries-closed-laptop_23-2147924189.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/flat-lay-school-items-assortment_23-2149001136.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/flat-lay-school-items-assortment_23-2149001136.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/top-view-desk-supplies-blue-background_23-2149552413.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/top-view-desk-supplies-blue-background_23-2149552413.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/sketching-american-flag_23-2148143286.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/sketching-american-flag_23-2148143286.jpg", alt: "Customer"},
]}
/>
</div>
@@ -136,19 +94,13 @@ export default function LandingPage() {
description="Located in Zulekha Tower, Bihar Muslim Society, we have been your reliable partner for stationery for years. Whether you are a student, teacher, or large office, we ensure you get the supplies you need on time."
metrics={[
{
value: "163+",
title: "Customer Reviews",
},
value: "163+", title: "Customer Reviews"},
{
value: "4.2",
title: "Star Rating",
},
value: "4.2", title: "Star Rating"},
{
value: "Bulk",
title: "Order Ready",
},
value: "Bulk", title: "Order Ready"},
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-workspace-with-colorful-stationeries-closed-laptop_23-2147924189.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/modern-workspace-with-colorful-stationeries-closed-laptop_23-2147924189.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
@@ -162,47 +114,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "School Supplies",
price: "From PKR 50",
variant: "Wide range",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-school-items-assortment_23-2149001136.jpg?_wi=1",
},
id: "1", name: "School Supplies", price: "From PKR 50", variant: "Wide range", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-school-items-assortment_23-2149001136.jpg"},
{
id: "2",
name: "Office Supplies",
price: "High quality",
variant: "Bulk available",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-supplies-blue-background_23-2149552413.jpg",
},
id: "2", name: "Office Supplies", price: "High quality", variant: "Bulk available", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-supplies-blue-background_23-2149552413.jpg"},
{
id: "3",
name: "Art Materials",
price: "Creative tools",
variant: "Top brands",
imageSrc: "http://img.b2bpic.net/free-photo/sketching-american-flag_23-2148143286.jpg",
},
id: "3", name: "Art Materials", price: "Creative tools", variant: "Top brands", imageSrc: "http://img.b2bpic.net/free-photo/sketching-american-flag_23-2148143286.jpg"},
{
id: "4",
name: "Files & Folders",
price: "Office storage",
variant: "Assorted colors",
imageSrc: "http://img.b2bpic.net/free-photo/stationery-near-glasses-laptop_23-2147710353.jpg",
},
id: "4", name: "Files & Folders", price: "Office storage", variant: "Assorted colors", imageSrc: "http://img.b2bpic.net/free-photo/stationery-near-glasses-laptop_23-2147710353.jpg"},
{
id: "5",
name: "Paper Products",
price: "Copy paper",
variant: "Premium quality",
imageSrc: "http://img.b2bpic.net/free-photo/back-school-witch-school-supplies_23-2148151081.jpg",
},
id: "5", name: "Paper Products", price: "Copy paper", variant: "Premium quality", imageSrc: "http://img.b2bpic.net/free-photo/back-school-witch-school-supplies_23-2148151081.jpg"},
{
id: "6",
name: "Bulk Orders",
price: "Custom quotes",
variant: "Best pricing",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-paper-clips-white-table_114579-76103.jpg",
},
id: "6", name: "Bulk Orders", price: "Custom quotes", variant: "Best pricing", imageSrc: "http://img.b2bpic.net/free-photo/colorful-paper-clips-white-table_114579-76103.jpg"},
]}
title="Our Stationery Categories"
description="Everything from basic school notebooks to professional office printing supplies."
@@ -216,49 +138,31 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Wide Product Variety",
description: "One-stop shop for everything.",
icon: CheckCircle,
title: "Wide Product Variety", description: "One-stop shop for everything.", icon: CheckCircle,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/back-school-witch-school-supplies_23-2148151073.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/back-school-witch-school-supplies_23-2148151073.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-keyboard-near-stationery-white-table_23-2148128447.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-keyboard-near-stationery-white-table_23-2148128447.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/green-apple-pile-books-notebook-pencils-table-with-blurred-white-board-back-school-concept_482257-24191.jpg?_wi=2",
imageAlt: "school stationery supplies set",
},
{
title: "Bulk Orders",
description: "Perfect for offices and schools.",
icon: Shield,
title: "Bulk Orders", description: "Perfect for offices and schools.", icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-desk-concept-with-copyspace_23-2148111365.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-desk-concept-with-copyspace_23-2148111365.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life_23-2149371271.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life_23-2149371271.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-colorful-stationeries-closed-laptop_23-2147924189.jpg?_wi=2",
imageAlt: "school stationery supplies set",
},
{
title: "WhatsApp Support",
description: "Get quotes in minutes.",
icon: Zap,
title: "WhatsApp Support", description: "Get quotes in minutes.", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/set-various-stationery_23-2147847432.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/set-various-stationery_23-2147847432.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-office-stationeries-laptop-white-background_23-2148042099.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-office-stationeries-laptop-white-background_23-2148042099.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-school-items-assortment_23-2149001136.jpg?_wi=2",
imageAlt: "school stationery supplies set",
},
]}
title="Why Choose Us?"
@@ -274,25 +178,15 @@ export default function LandingPage() {
author="Ahmed Ali, Manager at TechCorp"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-hipster-woman-pink-shoes-top-holding-books_285396-1919.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/young-beautiful-hipster-woman-pink-shoes-top-holding-books_285396-1919.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/young-asian-businesswoman-wearing-face-mask-using-mobile-phone-receiving-purchase-order-checking-product-stock-work-home-office_7861-2847.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/young-asian-businesswoman-wearing-face-mask-using-mobile-phone-receiving-purchase-order-checking-product-stock-work-home-office_7861-2847.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/nervous-young-male-designer-holds-paper-documents-bites-finger-nails-wears-protective-helmet-white-shirt-sits-desktop-with-different-things_273609-33200.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/nervous-young-male-designer-holds-paper-documents-bites-finger-nails-wears-protective-helmet-white-shirt-sits-desktop-with-different-things_273609-33200.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/woman-holding-different-boxes_23-2147666194.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/woman-holding-different-boxes_23-2147666194.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/woman-holding-dog-brush-scissors_107420-95952.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/woman-holding-dog-brush-scissors_107420-95952.jpg", alt: "Customer"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -305,20 +199,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you offer bulk orders?",
content: "Yes, we specialize in bulk orders for schools and offices with special pricing.",
},
id: "q1", title: "Do you offer bulk orders?", content: "Yes, we specialize in bulk orders for schools and offices with special pricing."},
{
id: "q2",
title: "Can I contact you on WhatsApp?",
content: "Absolutely! We provide quotes and inventory checks directly on WhatsApp.",
},
id: "q2", title: "Can I contact you on WhatsApp?", content: "Absolutely! We provide quotes and inventory checks directly on WhatsApp."},
{
id: "q3",
title: "Where are you located?",
content: "We are at Shop 8 Zulekha Tower, Bihar Muslim Society, Karachi.",
},
id: "q3", title: "Where are you located?", content: "We are at Shop 8 Zulekha Tower, Bihar Muslim Society, Karachi."},
]}
title="Common Questions"
description="Here is what our customers usually ask."
@@ -333,27 +218,16 @@ export default function LandingPage() {
description="Tell us what you need and our team will get back to you quickly."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
{
name: "school",
type: "text",
placeholder: "Business/School Name",
},
name: "school", type: "text", placeholder: "Business/School Name"},
]}
textarea={{
name: "message",
placeholder: "Requirements",
rows: 4,
name: "message", placeholder: "Requirements", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-using-infrared-thermometer-while-measuring-guest-s-temperature-cafe_637285-6606.jpg"
/>
@@ -363,29 +237,19 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Navigate",
items: [
title: "Navigate", items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "Categories",
href: "#categories",
},
label: "Categories", href: "#categories"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "WhatsApp",
href: "https://wa.me/923334383335",
},
label: "WhatsApp", href: "https://wa.me/923334383335"},
{
label: "Call Us",
href: "tel:03334383335",
},
label: "Call Us", href: "tel:03334383335"},
],
},
]}