Update src/app/page.tsx
This commit is contained in:
194
src/app/page.tsx
194
src/app/page.tsx
@@ -32,47 +32,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Zain Fabrics & Tailors"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Zain Fabrics & Tailors"
|
||||
description="Premium tailoring services in Kharian. Expert measurement, bespoke fabrics, and modern order tracking at your fingertips. Available in English & Urdu."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "View Pricing", href: "#pricing" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-fashion-designer-s-hands-container-containing-different-type-thread-spools-wooden-table_23-2148180285.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -86,26 +65,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Digital Measurements",
|
||||
subtitle: "Precision saved for all your future orders.",
|
||||
category: "Process",
|
||||
value: "Stored securely",
|
||||
},
|
||||
id: "f1", title: "Digital Measurements", subtitle: "Precision saved for all your future orders.", category: "Process", value: "Stored securely"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Multilingual Support",
|
||||
subtitle: "Manage your preferences in English or Urdu.",
|
||||
category: "Accessibility",
|
||||
value: "EN / UR",
|
||||
},
|
||||
id: "f2", title: "Multilingual Support", subtitle: "Manage your preferences in English or Urdu.", category: "Accessibility", value: "EN / UR"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Order Tracking",
|
||||
subtitle: "Know exactly when your fabric is ready.",
|
||||
category: "Status",
|
||||
value: "Real-time",
|
||||
},
|
||||
id: "f3", title: "Order Tracking", subtitle: "Know exactly when your fabric is ready.", category: "Status", value: "Real-time"},
|
||||
]}
|
||||
title="Tailor Management Simplified"
|
||||
description="Our platform ensures your bespoke suit or dress is made exactly to your requirements, with digital tracking every step of the way."
|
||||
@@ -132,37 +96,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "Rs. 2,500",
|
||||
subtitle: "Basic stitching services.",
|
||||
features: [
|
||||
"Quick fit",
|
||||
"Simple design",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "Rs. 2,500", subtitle: "Basic stitching services.", features: ["Quick fit", "Simple design"],
|
||||
buttons: [{ text: "Choose", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "Rs. 6,000",
|
||||
subtitle: "Bespoke formal wear.",
|
||||
features: [
|
||||
"High detail",
|
||||
"Custom embroidery",
|
||||
"Priority",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "pro", badge: "Premium", price: "Rs. 6,000", subtitle: "Bespoke formal wear.", features: ["High detail", "Custom embroidery", "Priority"],
|
||||
buttons: [{ text: "Choose", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
title="Tailoring Services"
|
||||
@@ -177,20 +116,11 @@ export default function LandingPage() {
|
||||
tag="Our Growth"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5000+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "m1", value: "5000+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
id: "m2", value: "12+", description: "Years Experience"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Perfect Fit Rate",
|
||||
},
|
||||
id: "m3", value: "99%", description: "Perfect Fit Rate"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -201,44 +131,20 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="What Clients Say"
|
||||
description="Read what our happy customers have to say about our tailoring services."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ali Hassan",
|
||||
role: "Resident",
|
||||
testimonial: "Excellent service and perfect fitting every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-choosing-jacket-shop_171337-18967.jpg",
|
||||
},
|
||||
id: "1", name: "Ali Hassan", role: "Resident", testimonial: "Excellent service and perfect fitting every single time.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-choosing-jacket-shop_171337-18967.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sara Khan",
|
||||
role: "Student",
|
||||
testimonial: "Love that they have Urdu options for the app!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg",
|
||||
},
|
||||
id: "2", name: "Sara Khan", role: "Student", testimonial: "Love that they have Urdu options for the app!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Usman Malik",
|
||||
role: "Businessman",
|
||||
testimonial: "Best tailor in Kharian for professional suits.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-creating-clothes_23-2149007415.jpg",
|
||||
},
|
||||
id: "3", name: "Usman Malik", role: "Businessman", testimonial: "Best tailor in Kharian for professional suits.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-creating-clothes_23-2149007415.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fatima Noor",
|
||||
role: "Professional",
|
||||
testimonial: "So convenient to track my measurements online.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-african-american-man-black-beret-white-trench-raincoat-fitting-room-clothes-store-looking-mirror_627829-1646.jpg",
|
||||
},
|
||||
id: "4", name: "Fatima Noor", role: "Professional", testimonial: "So convenient to track my measurements online.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-african-american-man-black-beret-white-trench-raincoat-fitting-room-clothes-store-looking-mirror_627829-1646.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ahmed Raza",
|
||||
role: "Teacher",
|
||||
testimonial: "Top quality fabrics and very reasonable prices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-blue-laughing-spangles_23-2147989955.jpg",
|
||||
},
|
||||
id: "5", name: "Ahmed Raza", role: "Teacher", testimonial: "Top quality fabrics and very reasonable prices.", imageSrc: "http://img.b2bpic.net/free-photo/man-blue-laughing-spangles_23-2147989955.jpg"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -247,20 +153,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do you accept international orders?",
|
||||
content: "Currently we are focused on Kharian and surrounding areas.",
|
||||
},
|
||||
id: "faq1", title: "Do you accept international orders?", content: "Currently we are focused on Kharian and surrounding areas."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Can I provide my own fabric?",
|
||||
content: "Yes, we gladly accept custom fabrics for stitching.",
|
||||
},
|
||||
id: "faq2", title: "Can I provide my own fabric?", content: "Yes, we gladly accept custom fabrics for stitching."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Is the website available in Urdu?",
|
||||
content: "Yes, toggle the language switch on the navbar.",
|
||||
},
|
||||
id: "faq3", title: "Is the website available in Urdu?", content: "Yes, toggle the language switch on the navbar."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -271,14 +168,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to get measured? Visit our shop in Kharian or book an appointment online for a custom consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "tel:+923000000000",
|
||||
},
|
||||
text: "Contact Us Now", href: "tel:+923000000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -287,33 +181,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user