bender/e4e807d9-9b3f-4e35-911d-cebd85ade032
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-04-05 18:29:39 +00:00
parent 7bb359fb93
commit 0a334499a6
1 changed files with 47 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

275
src/app/page.tsx
View File

@@ -29,22 +29,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Shop",
id: "products",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Products", id: "products" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="AL SAIF SHOES"
/>
@@ -52,78 +41,32 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="AL SAIF SHOES: Premium Footwear"
description="Discover elegance in every step. Handcrafted luxury shoes from the heart of the market. Quality you can trust, prices you'll love."
kpis={[
{
value: "15k+",
label: "Happy Followers",
},
{
value: "500k+",
label: "Likes",
},
{
value: "Premium",
label: "Handcrafted Quality",
},
{ value: "15k+", label: "Happy Followers" },
{ value: "500k+", label: "Likes" },
{ value: "Premium", label: "Handcrafted Quality" }
]}
enableKpiAnimation={true}
buttons={[
{
text: "WhatsApp Order Now",
href: "https://wa.me/923201233095",
},
]}
buttons={[{ text: "WhatsApp Order Now", href: "https://wa.me/923201233095" }]}
imageSrc="http://img.b2bpic.net/free-photo/elegant-brown-leather-shoes-men-brown-background-photo-studio-style-ai-generative_123827-23444.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-happy-positive-pointing-with-index-fingers-camera-standing-brown-background_141793-133634.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/concentrated-shoemaker-workshop-making-shoes_171337-12271.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/businesswoman-sun-glasses-is-holding-shopping-bags-phone-smiling-after-walking-down-street_496169-2121.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-women-spending-quality-time-together_23-2149213065.jpg",
alt: "Customer 5",
},
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-happy-positive-pointing-with-index-fingers-camera-standing-brown-background_141793-133634.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/concentrated-shoemaker-workshop-making-shoes_171337-12271.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/businesswoman-sun-glasses-is-holding-shopping-bags-phone-smiling-after-walking-down-street_496169-2121.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-women-spending-quality-time-together_23-2149213065.jpg", alt: "Customer 5" }
]}
avatarText="Trusted by 10,000+ customers"
marqueeItems={[
{
type: "text",
text: "Premium Leather",
},
{
type: "text",
text: "Fast Shipping",
},
{
type: "text",
text: "Handcrafted",
},
{
type: "text",
text: "WhatsApp Support",
},
{
type: "text",
text: "Quality Guaranteed",
},
{ type: "text", text: "Premium Leather" },
{ type: "text", text: "Fast Shipping" },
{ type: "text", text: "Handcrafted" },
{ type: "text", text: "WhatsApp Support" },
{ type: "text", text: "Quality Guaranteed" }
]}
/>
</div>
@@ -133,27 +76,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
tag: "Quality",
title: "Handcrafted Leather",
subtitle: "Premium Material",
description: "Authentic leather materials ensuring durability and style.",
imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-using-laptop-outdoors_23-2148142848.jpg",
},
{
tag: "Service",
title: "WhatsApp Orders",
subtitle: "Easy Buying",
description: "Quick ordering directly via WhatsApp for a personalized experience.",
imageSrc: "http://img.b2bpic.net/free-photo/pair-classic-clothing-white-black_1203-6538.jpg?_wi=1",
},
{
tag: "Trust",
title: "Verified Quality",
subtitle: "Customer Trusted",
description: "Serving thousands of satisfied customers across Pakistan.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-musician-with-cornet-copy-space_23-2148680366.jpg?_wi=1",
},
{ tag: "Quality", title: "Handcrafted Leather", subtitle: "Premium Material", description: "Authentic leather materials ensuring durability and style.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-using-laptop-outdoors_23-2148142848.jpg" },
{ tag: "Service", title: "WhatsApp Orders", subtitle: "Easy Buying", description: "Quick ordering directly via WhatsApp for a personalized experience.", imageSrc: "http://img.b2bpic.net/free-photo/pair-classic-clothing-white-black_1203-6538.jpg" },
{ tag: "Trust", title: "Verified Quality", subtitle: "Customer Trusted", description: "Serving thousands of satisfied customers across Pakistan.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-musician-with-cornet-copy-space_23-2148680366.jpg" }
]}
title="Why Choose Al Saif?"
description="We blend traditional craftsmanship with modern comfort to bring you the finest footwear."
@@ -164,62 +89,15 @@ export default function LandingPage() {
<ProductCardTwo
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={true}
products={[
{
id: "1",
brand: "Al Saif",
name: "Classic Black Formal",
price: "PKR 4,500",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/pair-classic-clothing-white-black_1203-6538.jpg?_wi=2",
},
{
id: "2",
brand: "Al Saif",
name: "Brown Oxford Leather",
price: "PKR 4,800",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-musician-with-cornet-copy-space_23-2148680366.jpg?_wi=2",
},
{
id: "3",
brand: "Al Saif",
name: "Urban Style Sneakers",
price: "PKR 3,900",
rating: 4,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-coming-down-stairs_23-2148749331.jpg",
},
{
id: "4",
brand: "Al Saif",
name: "Premium Peshawari",
price: "PKR 3,500",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wear-elegant-black-saree-posed-restaurant-against-wall-with-frames_627829-798.jpg",
},
{
id: "5",
brand: "Al Saif",
name: "Soft Moccasins",
price: "PKR 4,200",
rating: 4,
reviewCount: "80",
imageSrc: "http://img.b2bpic.net/free-photo/groom-s-classy-shoes-lie-soft-armchair_8353-8463.jpg",
},
{
id: "6",
brand: "Al Saif",
name: "Luxury Formal Boots",
price: "PKR 5,500",
rating: 5,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-jacket-holding-hat_1303-24750.jpg",
},
{ id: "1", brand: "Al Saif", name: "Classic Black Formal", price: "PKR 4,500", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/pair-classic-clothing-white-black_1203-6538.jpg" },
{ id: "2", brand: "Al Saif", name: "Brown Oxford Leather", price: "PKR 4,800", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-musician-with-cornet-copy-space_23-2148680366.jpg" },
{ id: "3", brand: "Al Saif", name: "Urban Style Sneakers", price: "PKR 3,900", rating: 4, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-coming-down-stairs_23-2148749331.jpg" },
{ id: "4", brand: "Al Saif", name: "Premium Peshawari", price: "PKR 3,500", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wear-elegant-black-saree-posed-restaurant-against-wall-with-frames_627829-798.jpg" },
{ id: "5", brand: "Al Saif", name: "Soft Moccasins", price: "PKR 4,200", rating: 4, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/groom-s-classy-shoes-lie-soft-armchair_8353-8463.jpg" },
{ id: "6", brand: "Al Saif", name: "Luxury Formal Boots", price: "PKR 5,500", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-jacket-holding-hat_1303-24750.jpg" }
]}
title="Featured Collection"
description="Step up your style with our latest handcrafted collection."
@@ -233,46 +111,11 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Ali Khan",
role: "Customer",
company: "Lahore",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
},
{
id: "2",
name: "Ahmed Raza",
role: "Customer",
company: "Karachi",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-happy-positive-pointing-with-index-fingers-camera-standing-brown-background_141793-133634.jpg",
},
{
id: "3",
name: "Bilal Ahmed",
role: "Customer",
company: "Islamabad",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-shoemaker-workshop-making-shoes_171337-12271.jpg",
},
{
id: "4",
name: "Usman Tariq",
role: "Customer",
company: "Faisalabad",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sun-glasses-is-holding-shopping-bags-phone-smiling-after-walking-down-street_496169-2121.jpg",
},
{
id: "5",
name: "Salman Mir",
role: "Customer",
company: "Multan",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-spending-quality-time-together_23-2149213065.jpg",
},
{ id: "1", name: "Ali Khan", role: "Customer", company: "Lahore", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg" },
{ id: "2", name: "Ahmed Raza", role: "Customer", company: "Karachi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-happy-positive-pointing-with-index-fingers-camera-standing-brown-background_141793-133634.jpg" },
{ id: "3", name: "Bilal Ahmed", role: "Customer", company: "Islamabad", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-shoemaker-workshop-making-shoes_171337-12271.jpg" },
{ id: "4", name: "Usman Tariq", role: "Customer", company: "Faisalabad", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sun-glasses-is-holding-shopping-bags-phone-smiling-after-walking-down-street_496169-2121.jpg" },
{ id: "5", name: "Salman Mir", role: "Customer", company: "Multan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-spending-quality-time-together_23-2149213065.jpg" }
]}
title="Trusted by Thousands"
description="Hear what our happy customers are saying about Al Saif Shoes."
@@ -282,19 +125,12 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Get in touch"
tagIcon={Phone}
title="Ready to order your pair?"
description="We are available 24/7 on WhatsApp to assist you with sizing, orders, and inquiries."
buttons={[
{
text: "Chat on WhatsApp",
href: "https://wa.me/923201233095",
},
]}
buttons={[{ text: "Chat on WhatsApp", href: "https://wa.me/923201233095" }]}
/>
</div>
@@ -303,35 +139,18 @@ export default function LandingPage() {
logoText="AL SAIF SHOES"
columns={[
{
title: "Shop",
items: [
{
label: "Formal Shoes",
href: "#products",
},
{
label: "Casual Sneakers",
href: "#products",
},
{
label: "Traditional Sandals",
href: "#products",
},
],
title: "Shop", items: [
{ label: "Formal Shoes", href: "#products" },
{ label: "Casual Sneakers", href: "#products" },
{ label: "Traditional Sandals", href: "#products" }
]
},
{
title: "Contact",
items: [
{
label: "WhatsApp: 03201233095",
href: "https://wa.me/923201233095",
},
{
label: "Location: Gareeb Shah Market",
href: "#",
},
],
},
title: "Contact", items: [
{ label: "WhatsApp: 03201233095", href: "https://wa.me/923201233095" },
{ label: "Location: Gareeb Shah Market", href: "#" }
]
}
]}
copyrightText="© 2025 | Al Saif Shoes. All rights reserved."
/>