Merge version_1 into main #1
259
src/app/page.tsx
259
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Developments",
|
||||
id: "developments",
|
||||
},
|
||||
name: "Developments", id: "developments"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="1st Phase"
|
||||
/>
|
||||
@@ -60,92 +50,51 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Precision Garments, Crafted for Worldwide Brands"
|
||||
description="1st Phase Manufacturing is Sialkot's premium partner for high-end clothing production. We blend technical excellence with meticulous craftsmanship to turn your vision into market-leading collections."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Urban Filistine",
|
||||
role: "Client",
|
||||
testimonial: "The precision and quality provided by 1st Phase is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924143.jpg",
|
||||
},
|
||||
name: "Urban Filistine", handle: "Client", testimonial: "The precision and quality provided by 1st Phase is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924143.jpg"},
|
||||
{
|
||||
name: "Humble Beast",
|
||||
role: "Client",
|
||||
testimonial: "Seamless production scaling and impeccable quality standards.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379216.jpg",
|
||||
},
|
||||
name: "Humble Beast", handle: "Client", testimonial: "Seamless production scaling and impeccable quality standards.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379216.jpg"},
|
||||
{
|
||||
name: "Alter Hills",
|
||||
role: "Client",
|
||||
testimonial: "Expertise in specialized manufacturing that truly sets us apart.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-man-with-crossed-arms_1187-3142.jpg",
|
||||
},
|
||||
name: "Alter Hills", handle: "Client", testimonial: "Expertise in specialized manufacturing that truly sets us apart.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-man-with-crossed-arms_1187-3142.jpg"},
|
||||
{
|
||||
name: "Global Brands",
|
||||
role: "Client",
|
||||
testimonial: "Reliable partner for complex fashion garment assembly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg",
|
||||
},
|
||||
name: "Global Brands", handle: "Client", testimonial: "Reliable partner for complex fashion garment assembly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg"},
|
||||
{
|
||||
name: "Studio Lead",
|
||||
role: "Client",
|
||||
testimonial: "High standards and timely delivery every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-new-collection_1098-14877.jpg",
|
||||
},
|
||||
name: "Studio Lead", handle: "Client", testimonial: "High standards and timely delivery every single time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-new-collection_1098-14877.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/image-tailor-s-workplace-with-sewing-machine-sewing-workshop_613910-19017.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-image-lot-coils-with-threads-sewing-workshop_613910-19015.jpg",
|
||||
alt: "Portrait 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-image-lot-coils-with-threads-sewing-workshop_613910-19015.jpg", alt: "Portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sewing-machine-tailor-workshop_482257-85363.jpg",
|
||||
alt: "Portrait 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sewing-machine-tailor-workshop_482257-85363.jpg", alt: "Portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/factory-worker-white-lab-suit-face-mask-assembling-parts-tv-set-table_645730-578.jpg",
|
||||
alt: "Portrait 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/factory-worker-white-lab-suit-face-mask-assembling-parts-tv-set-table_645730-578.jpg", alt: "Portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-image-lot-coils-with-threads-sewing-workshop_613910-4427.jpg",
|
||||
alt: "Portrait 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-image-lot-coils-with-threads-sewing-workshop_613910-4427.jpg", alt: "Portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-creates-leather-ware_1157-33996.jpg",
|
||||
alt: "Portrait 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-creates-leather-ware_1157-33996.jpg", alt: "Portrait 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Manufacturing",
|
||||
},
|
||||
type: "text", text: "Sustainable Manufacturing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethical Sourcing",
|
||||
},
|
||||
type: "text", text: "Ethical Sourcing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Logistics",
|
||||
},
|
||||
type: "text", text: "Global Logistics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation Driven",
|
||||
},
|
||||
type: "text", text: "Innovation Driven"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Assured",
|
||||
},
|
||||
type: "text", text: "Quality Assured"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -158,17 +107,11 @@ export default function LandingPage() {
|
||||
description="Our heritage in manufacturing allows us to deliver precision-grade garments for brands across the globe. We prioritize efficiency, ethical production, and material integrity."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Technical Precision",
|
||||
description: "Cutting-edge machinery meets expert manual skill for superior stitching.",
|
||||
},
|
||||
title: "Technical Precision", description: "Cutting-edge machinery meets expert manual skill for superior stitching."},
|
||||
{
|
||||
title: "Scalable Capacity",
|
||||
description: "From small-batch boutique projects to large-scale global rollouts.",
|
||||
},
|
||||
title: "Scalable Capacity", description: "From small-batch boutique projects to large-scale global rollouts."},
|
||||
{
|
||||
title: "Quality Assured",
|
||||
description: "Rigorous QC protocols ensuring consistency across all production lines.",
|
||||
},
|
||||
title: "Quality Assured", description: "Rigorous QC protocols ensuring consistency across all production lines."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/making-clothes-tailor-sitting-table-working-sewing-machine-sewing-workshop_613910-5256.jpg"
|
||||
@@ -177,25 +120,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100,000",
|
||||
description: "Annual Production Units",
|
||||
},
|
||||
id: "m1", value: "100,000", description: "Annual Production Units"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500",
|
||||
description: "Skilled Employees",
|
||||
},
|
||||
id: "m2", value: "500", description: "Skilled Employees"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20+",
|
||||
description: "Years of Expertise",
|
||||
},
|
||||
id: "m3", value: "20+", description: "Years of Expertise"},
|
||||
]}
|
||||
title="Manufacturing Scale"
|
||||
description="Operating with precision at scale to meet the demands of modern fashion."
|
||||
@@ -207,14 +142,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Urban Filistine",
|
||||
"Humble Beast",
|
||||
"Alter Hills",
|
||||
"Apex Apparel",
|
||||
"Urban Street",
|
||||
"Elite Stitch",
|
||||
"Global Garment Co",
|
||||
]}
|
||||
"Urban Filistine", "Humble Beast", "Alter Hills", "Apex Apparel", "Urban Street", "Elite Stitch", "Global Garment Co"]}
|
||||
title="Trusted by Visionary Brands"
|
||||
description="We are the silent partner behind the world's most innovative garment labels."
|
||||
/>
|
||||
@@ -228,41 +156,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cut & Sew",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-garage-sale_23-2150574511.jpg",
|
||||
},
|
||||
id: "p1", name: "Cut & Sew", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-garage-sale_23-2150574511.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Premium Denim",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg",
|
||||
},
|
||||
id: "p2", name: "Premium Denim", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Modern Headwear",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-worker-arranging-mannequin-with-formal-suit-working-store-visual-with-fashionable-merchandise-employee-preparing-boutique-opening-waiting-customers-shopping-centre_482257-61880.jpg",
|
||||
},
|
||||
id: "p3", name: "Modern Headwear", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/asian-worker-arranging-mannequin-with-formal-suit-working-store-visual-with-fashionable-merchandise-employee-preparing-boutique-opening-waiting-customers-shopping-centre_482257-61880.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Technical Outerwear",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thimble-silk-high-angle_23-2148897940.jpg",
|
||||
},
|
||||
id: "p4", name: "Technical Outerwear", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/thimble-silk-high-angle_23-2148897940.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Activewear Line",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-atelier-shop-workspace_482257-95822.jpg",
|
||||
},
|
||||
id: "p5", name: "Activewear Line", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/creative-atelier-shop-workspace_482257-95822.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Lifestyle Apparel",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-tailor-working-with-cloth-samples-sewing-workshop_613910-6778.jpg",
|
||||
},
|
||||
id: "p6", name: "Lifestyle Apparel", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-tailor-working-with-cloth-samples-sewing-workshop_613910-6778.jpg"},
|
||||
]}
|
||||
title="Core Departments"
|
||||
description="Explore our specialized production lines."
|
||||
@@ -271,47 +175,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products-b" data-section="products-b">
|
||||
<ProductCardThree
|
||||
animationType="depth-3d"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p7",
|
||||
name: "Laser Cutting",
|
||||
price: "Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1388-107.jpg",
|
||||
},
|
||||
id: "p7", name: "Laser Cutting", price: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1388-107.jpg"},
|
||||
{
|
||||
id: "p8",
|
||||
name: "Advanced Dyeing",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-holding-shirt_23-2148539809.jpg",
|
||||
},
|
||||
id: "p8", name: "Advanced Dyeing", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-holding-shirt_23-2148539809.jpg"},
|
||||
{
|
||||
id: "p9",
|
||||
name: "Complex Assembly",
|
||||
price: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-tools-professional-permanent-makeup-medicine-table_8353-8396.jpg",
|
||||
},
|
||||
id: "p9", name: "Complex Assembly", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-tools-professional-permanent-makeup-medicine-table_8353-8396.jpg"},
|
||||
{
|
||||
id: "p10",
|
||||
name: "Embroidery Suite",
|
||||
price: "Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg",
|
||||
},
|
||||
id: "p10", name: "Embroidery Suite", price: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg"},
|
||||
{
|
||||
id: "p11",
|
||||
name: "Fabric Finishing",
|
||||
price: "Finishing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-department-store-shopping-mall-new-fashion-collection-shelf-fashionable-clothes-hangers-accessories-modern-boutique-with-merchandise-sale-customers_482257-65524.jpg",
|
||||
},
|
||||
id: "p11", name: "Fabric Finishing", price: "Finishing", imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-department-store-shopping-mall-new-fashion-collection-shelf-fashionable-clothes-hangers-accessories-modern-boutique-with-merchandise-sale-customers_482257-65524.jpg"},
|
||||
{
|
||||
id: "p12",
|
||||
name: "Quality Packing",
|
||||
price: "QC",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-lot-coils-with-threads-sewing-workshop_613910-19021.jpg",
|
||||
},
|
||||
id: "p12", name: "Quality Packing", price: "QC", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-lot-coils-with-threads-sewing-workshop_613910-19021.jpg"},
|
||||
]}
|
||||
title="Manufacturing Capabilities"
|
||||
description="Showcasing the precision of our production process."
|
||||
@@ -325,17 +205,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Short-term thinking",
|
||||
"Standardized mass production",
|
||||
"Minimal oversight",
|
||||
],
|
||||
"Short-term thinking", "Standardized mass production", "Minimal oversight"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Long-term brand partnership",
|
||||
"Custom tailored production",
|
||||
"Real-time QC reporting",
|
||||
],
|
||||
"Long-term brand partnership", "Custom tailored production", "Real-time QC reporting"],
|
||||
}}
|
||||
title="Community & Worldwide Network"
|
||||
description="Connecting local expertise with a global fashion ecosystem."
|
||||
@@ -348,25 +222,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are your minimum order quantities?",
|
||||
content: "Our MOQ typically starts at 500 units per style, though this varies based on project complexity.",
|
||||
},
|
||||
id: "f1", title: "What are your minimum order quantities?", content: "Our MOQ typically starts at 500 units per style, though this varies based on project complexity."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where is the production located?",
|
||||
content: "We operate out of Sialkot, Pakistan, the hub for high-end garment manufacturing.",
|
||||
},
|
||||
id: "f2", title: "Where is the production located?", content: "We operate out of Sialkot, Pakistan, the hub for high-end garment manufacturing."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer sample development?",
|
||||
content: "Yes, we provide full sample development services prior to full-scale production.",
|
||||
},
|
||||
id: "f3", title: "Do you offer sample development?", content: "Yes, we provide full sample development services prior to full-scale production."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "What is the lead time?",
|
||||
content: "Typical production lead times are 4-8 weeks depending on the order size and fabric availability.",
|
||||
},
|
||||
id: "f4", title: "What is the lead time?", content: "Typical production lead times are 4-8 weeks depending on the order size and fabric availability."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clarifying our production process and partnership requirements."
|
||||
@@ -378,14 +240,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to scale your production? Let's build your next collection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Team",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Contact Our Team", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -394,13 +253,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="1st Phase"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user