Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9c792a7ec3 | |||
| dc96694012 | |||
| 3945f4bc35 |
245
src/app/page.tsx
245
src/app/page.tsx
@@ -10,7 +10,6 @@ import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|||||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
||||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
@@ -31,61 +30,21 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "#hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "#about" },
|
||||||
id: "#hero",
|
{ name: "Products", id: "#products" },
|
||||||
},
|
{ name: "Contact", id: "#contact" },
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Products",
|
|
||||||
id: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="EliteUniforms"
|
brandName="Uniform Wala"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroOverlay
|
<HeroOverlay
|
||||||
title="Tailored for Success"
|
title="Tailored Excellence for Every Professional"
|
||||||
description="Redefining corporate elegance through premium craftsmanship and timeless design."
|
description="Redefining corporate elegance through premium craftsmanship and timeless design."
|
||||||
buttons={[
|
buttons={[{ text: "View Collection", href: "#products" }]}
|
||||||
{
|
|
||||||
text: "View Collection",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q2ie06"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q2ie06"
|
||||||
avatarText="Trusted by 500+ global brands"
|
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wfj1s7",
|
|
||||||
alt: "happy business client portrait",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1h6lpu",
|
|
||||||
alt: "successful woman business leader",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kt1gof",
|
|
||||||
alt: "corporate manager office portrait",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x30876",
|
|
||||||
alt: "executive portrait professional studio",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=na2w9r",
|
|
||||||
alt: "confident business leader portrait",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -94,9 +53,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Crafting Excellence"
|
title="Crafting Excellence"
|
||||||
description={[
|
description={[
|
||||||
"Our uniforms blend tradition with modern aesthetics.",
|
"Our uniforms blend tradition with modern aesthetics.", "We provide durable, stylish solutions for your team."]}
|
||||||
"We provide durable, stylish solutions for your team.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -106,23 +63,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Premium Fabrics", description: "Sourced from the finest mills worldwide.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h49lt1" },
|
||||||
title: "Premium Fabrics",
|
{ title: "Perfect Fit", description: "Custom tailoring for every body type.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c7qbtd" },
|
||||||
description: "Sourced from the finest mills worldwide.",
|
{ title: "Durable Design", description: "Built to withstand daily corporate wear.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p2cate" },
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h49lt1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Perfect Fit",
|
|
||||||
description: "Custom tailoring for every body type.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c7qbtd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Durable Design",
|
|
||||||
description: "Built to withstand daily corporate wear.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p2cate",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Elite Uniforms?"
|
title="Why Uniform Wala?"
|
||||||
description="Standard setting apparel for elite organizations."
|
description="Standard setting apparel for elite organizations."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -134,48 +79,10 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Classic Blazer", price: "$299", variant: "Premium Navy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l1keeh" },
|
||||||
id: "1",
|
{ id: "2", name: "Tailored Skirt", price: "$149", variant: "Signature Grey", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ei8nv" },
|
||||||
name: "Classic Blazer",
|
{ id: "3", name: "Formal Shirt", price: "$89", variant: "Crisp White", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hwh0a9" },
|
||||||
price: "$299",
|
{ id: "4", name: "Elite Waistcoat", price: "$129", variant: "Modern Fit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qtgayd" },
|
||||||
variant: "Premium Navy",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l1keeh",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Tailored Skirt",
|
|
||||||
price: "$149",
|
|
||||||
variant: "Signature Grey",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ei8nv",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Formal Shirt",
|
|
||||||
price: "$89",
|
|
||||||
variant: "Crisp White",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hwh0a9",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Elite Waistcoat",
|
|
||||||
price: "$129",
|
|
||||||
variant: "Modern Fit",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qtgayd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Executive Coat",
|
|
||||||
price: "$399",
|
|
||||||
variant: "Charcoal",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jnf1mk",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
name: "Silk Scarf",
|
|
||||||
price: "$59",
|
|
||||||
variant: "Branded",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4958qe",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Collection"
|
title="Our Collection"
|
||||||
description="Signature pieces for modern professionals."
|
description="Signature pieces for modern professionals."
|
||||||
@@ -189,83 +96,23 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", value: "10k+", description: "Uniforms Delivered" },
|
||||||
id: "1",
|
{ id: "2", value: "500+", description: "Corporate Partners" },
|
||||||
value: "10k+",
|
{ id: "3", value: "15", description: "Years Experience" },
|
||||||
description: "Uniforms Delivered",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
value: "500+",
|
|
||||||
description: "Corporate Partners",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
value: "15",
|
|
||||||
description: "Years Experience",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Proven Quality"
|
title="Proven Quality"
|
||||||
description="Industry-leading standards for professional attire."
|
description="Industry-leading standards for professional attire."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialCardTwelve
|
|
||||||
useInvertedBackground={true}
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
name: "Sarah Miller",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wfj1s7",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "James Chen",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1h6lpu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Elena Rodriguez",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kt1gof",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "David Kim",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x30876",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Mark Wilson",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=na2w9r",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
cardTitle="Client Voices"
|
|
||||||
cardTag="Testimonials"
|
|
||||||
cardAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqBase
|
<FaqBase
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "1", title: "Do you offer customization?", content: "Yes, we offer full branding and custom design services." },
|
||||||
id: "1",
|
{ id: "2", title: "How long is the delivery?", content: "Standard delivery takes 3-4 weeks from approval." },
|
||||||
title: "Do you offer customization?",
|
{ id: "3", title: "What's the return policy?", content: "We offer returns on all standard stock items." },
|
||||||
content: "Yes, we offer full branding and custom design services.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
title: "How long is the delivery?",
|
|
||||||
content: "Standard delivery takes 3-4 weeks from approval.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
title: "What's the return policy?",
|
|
||||||
content: "We offer returns on all standard stock items.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked"
|
title="Frequently Asked"
|
||||||
description="Got questions about our uniform process?"
|
description="Got questions about our uniform process?"
|
||||||
@@ -279,18 +126,8 @@ export default function LandingPage() {
|
|||||||
title="Get Started"
|
title="Get Started"
|
||||||
description="Ready to upgrade your corporate image?"
|
description="Ready to upgrade your corporate image?"
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||||
name: "name",
|
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||||
type: "text",
|
|
||||||
placeholder: "Full Name",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "email",
|
|
||||||
type: "email",
|
|
||||||
placeholder: "Email",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cyhe1e"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cyhe1e"
|
||||||
/>
|
/>
|
||||||
@@ -298,38 +135,12 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[]}
|
||||||
{
|
logoText="Uniform Wala"
|
||||||
title: "Services",
|
copyrightText=""
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Corporate",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Custom",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Help",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Privacy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoText="EliteUniforms"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user