Merge version_2 into main #2
163
src/app/page.tsx
163
src/app/page.tsx
@@ -31,16 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Developments", id: "developments"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Developments", id: "developments" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="1st Phase"
|
||||
/>
|
||||
@@ -49,53 +44,18 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ 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", 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", 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", 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", 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", 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"},
|
||||
{ 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", 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", 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", 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", 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/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/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"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Sustainable Manufacturing"},
|
||||
{
|
||||
type: "text", text: "Ethical Sourcing"},
|
||||
{
|
||||
type: "text", text: "Global Logistics"},
|
||||
{
|
||||
type: "text", text: "Innovation Driven"},
|
||||
{
|
||||
type: "text", text: "Quality Assured"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -103,18 +63,11 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Legacy of Sialkot Craftsmanship"
|
||||
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: "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="Dedicated to Excellence"
|
||||
description="Led by our founder, we continue to push the boundaries of garment manufacturing. Our mission is to provide world-class production standards while maintaining the artisan spirit of Sialkot."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6Vv232z6SBohvZI0MqIFrngo1/uploaded-1779499635155-u27p51fn.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/making-clothes-tailor-sitting-table-working-sewing-machine-sewing-workshop_613910-5256.jpg"
|
||||
bulletPoints={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -125,12 +78,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "100,000", description: "Annual Production Units"},
|
||||
{
|
||||
id: "m2", value: "500", description: "Skilled Employees"},
|
||||
{
|
||||
id: "m3", value: "20+", description: "Years of Expertise"},
|
||||
{ id: "m1", value: "100,000", description: "Annual Production Units" },
|
||||
{ id: "m2", value: "500", description: "Skilled Employees" },
|
||||
{ id: "m3", value: "20+", description: "Years of Expertise" },
|
||||
]}
|
||||
title="Manufacturing Scale"
|
||||
description="Operating with precision at scale to meet the demands of modern fashion."
|
||||
@@ -142,7 +92,8 @@ 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."
|
||||
/>
|
||||
@@ -155,18 +106,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
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: "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: "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: "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: "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: "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: "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" },
|
||||
]}
|
||||
title="Core Departments"
|
||||
description="Explore our specialized production lines."
|
||||
@@ -180,18 +125,12 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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: "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" },
|
||||
]}
|
||||
title="Manufacturing Capabilities"
|
||||
description="Showcasing the precision of our production process."
|
||||
@@ -203,14 +142,8 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Short-term thinking", "Standardized mass production", "Minimal oversight"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Long-term brand partnership", "Custom tailored production", "Real-time QC reporting"],
|
||||
}}
|
||||
negativeCard={{ items: ["Short-term thinking", "Standardized mass production", "Minimal oversight"] }}
|
||||
positiveCard={{ items: ["Long-term brand partnership", "Custom tailored production", "Real-time QC reporting"] }}
|
||||
title="Community & Worldwide Network"
|
||||
description="Connecting local expertise with a global fashion ecosystem."
|
||||
/>
|
||||
@@ -221,14 +154,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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: "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." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clarifying our production process and partnership requirements."
|
||||
@@ -239,26 +168,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to scale your production? Let's build your next collection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Team", href: "/contact"},
|
||||
]}
|
||||
buttons={[{ text: "Contact Our Team", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="1st Phase"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user