Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
294
src/app/page.tsx
294
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Unique Tailor"
|
||||
/>
|
||||
@@ -58,38 +43,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision alterations Dallas trusted since 1999"
|
||||
description="Rush jobs in one hour. Award-winning tailoring for suits, dresses, and everyday wear. Twenty-five years of loyal clients prove our craft."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call to Book Now", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tailor-items-silk_23-2148897936.jpg?_wi=1",
|
||||
imageAlt: "Luxury tailoring studio",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300887.jpg?_wi=1",
|
||||
imageAlt: "Bespoke tailoring tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-checking-measures-his-suit_171337-19171.jpg?_wi=1",
|
||||
imageAlt: "Tailor measuring fabric",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-tailor-s-hand-sewing-fabric-with-needle_23-2148180324.jpg",
|
||||
imageAlt: "Charcoal atelier interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-manufacturing-clothes-close-up_23-2149007420.jpg",
|
||||
imageAlt: "Custom alteration work",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tailor-items-silk_23-2148897936.jpg", imageAlt: "Luxury tailoring studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300887.jpg", imageAlt: "Bespoke tailoring tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-checking-measures-his-suit_171337-19171.jpg", imageAlt: "Tailor measuring fabric" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-tailor-s-hand-sewing-fabric-with-needle_23-2148180324.jpg", imageAlt: "Charcoal atelier interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hands-manufacturing-clothes-close-up_23-2149007420.jpg", imageAlt: "Custom alteration work" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -102,60 +65,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
brand: "Tailoring",
|
||||
name: "Suit Alteration",
|
||||
price: "From $50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wrinkled-hands-female-fixing-handkerchief-groom_181624-15753.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
brand: "Tailoring",
|
||||
name: "Dress Hemming",
|
||||
price: "From $40",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-male-tailor-cutting-piece-cloth-table-his-shop_23-2148180318.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
brand: "Tailoring",
|
||||
name: "Rush Services",
|
||||
price: "From $75",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-taking-measurement-male-customer-s-pant-shop_23-2148180365.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
brand: "Tailoring",
|
||||
name: "Formal Wear",
|
||||
price: "From $65",
|
||||
rating: 5,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-male-tailor-marking-cloth-pattern-with-chalk-workshop_23-2148180338.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
brand: "Tailoring",
|
||||
name: "Everyday Wear",
|
||||
price: "From $30",
|
||||
rating: 5,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-senior-male-tailor-measuring-fabric-with-yellow-measure-table_23-2148180334.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
brand: "Tailoring",
|
||||
name: "Custom Fit",
|
||||
price: "From $100",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-tailor-trying-blue-coat-his-customer-sitting-wooden-chair-shop_23-2148180345.jpg",
|
||||
},
|
||||
{ id: "s1", brand: "Tailoring", name: "Suit Alteration", price: "From $50", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wrinkled-hands-female-fixing-handkerchief-groom_181624-15753.jpg" },
|
||||
{ id: "s2", brand: "Tailoring", name: "Dress Hemming", price: "From $40", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/senior-male-tailor-cutting-piece-cloth-table-his-shop_23-2148180318.jpg" },
|
||||
{ id: "s3", brand: "Tailoring", name: "Rush Services", price: "From $75", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-taking-measurement-male-customer-s-pant-shop_23-2148180365.jpg" },
|
||||
{ id: "s4", brand: "Tailoring", name: "Formal Wear", price: "From $65", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/senior-male-tailor-marking-cloth-pattern-with-chalk-workshop_23-2148180338.jpg" },
|
||||
{ id: "s5", brand: "Tailoring", name: "Everyday Wear", price: "From $30", rating: 5, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/customer-senior-male-tailor-measuring-fabric-with-yellow-measure-table_23-2148180334.jpg" },
|
||||
{ id: "s6", brand: "Tailoring", name: "Custom Fit", price: "From $100", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/male-tailor-trying-blue-coat-his-customer-sitting-wooden-chair-shop_23-2148180345.jpg" },
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Premium alterations for every garment type."
|
||||
@@ -169,18 +84,9 @@ export default function LandingPage() {
|
||||
title="A Legacy of Precision"
|
||||
description="For 25 years, Unique Tailor has served the Dallas community with dedication to the craft of fine tailoring."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "25 Years Experience",
|
||||
description: "Founded in 1999.",
|
||||
},
|
||||
{
|
||||
title: "Rush Service",
|
||||
description: "Professional work in one hour.",
|
||||
},
|
||||
{
|
||||
title: "Quality First",
|
||||
description: "Every stitch matters.",
|
||||
},
|
||||
{ title: "25 Years Experience", description: "Founded in 1999." },
|
||||
{ title: "Rush Service", description: "Professional work in one hour." },
|
||||
{ title: "Quality First", description: "Every stitch matters." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/midsection-male-tailor-showing-white-button_23-2148180360.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -194,67 +100,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Speed",
|
||||
description: "One-hour rush jobs.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273084.jpg",
|
||||
imageAlt: "Fast service",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Instant turnaround",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Strict deadlines",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tailor-items-silk_23-2148897936.jpg?_wi=2",
|
||||
imageAlt: "luxury suit tailoring studio dark charcoal",
|
||||
title: "Speed", description: "One-hour rush jobs.", media: { imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273084.jpg", imageAlt: "Fast service" },
|
||||
items: [{ icon: Zap, text: "Instant turnaround" }, { icon: Clock, text: "Strict deadlines" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Craft",
|
||||
description: "Expert precision.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-gentleman-trying-premium-quality-bespoke-garment-helped-by-professional-seamstress-senior-client-wearing-custom-handmade-suit-blazer-made-by-expert-couturier_482257-64880.jpg",
|
||||
imageAlt: "Expertise",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Master tailoring",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Guaranteed quality",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300887.jpg?_wi=2",
|
||||
imageAlt: "luxury suit tailoring studio dark charcoal",
|
||||
title: "Craft", description: "Expert precision.", media: { imageSrc: "http://img.b2bpic.net/free-photo/elderly-gentleman-trying-premium-quality-bespoke-garment-helped-by-professional-seamstress-senior-client-wearing-custom-handmade-suit-blazer-made-by-expert-couturier_482257-64880.jpg", imageAlt: "Expertise" },
|
||||
items: [{ icon: Award, text: "Master tailoring" }, { icon: Shield, text: "Guaranteed quality" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
description: "Client loyalty.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/essential-elements-fashion-design-studio_23-2150414767.jpg",
|
||||
imageAlt: "Customer service",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Repeat clients",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Top rated",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-checking-measures-his-suit_171337-19171.jpg?_wi=2",
|
||||
imageAlt: "luxury suit tailoring studio dark charcoal",
|
||||
title: "Service", description: "Client loyalty.", media: { imageSrc: "http://img.b2bpic.net/free-photo/essential-elements-fashion-design-studio_23-2150414767.jpg", imageAlt: "Customer service" },
|
||||
items: [{ icon: Users, text: "Repeat clients" }, { icon: Star, text: "Top rated" }],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="The Gold Standard"
|
||||
@@ -269,26 +127,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="James Richardson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-male-partners-shaking-hands-office_1303-19732.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-wall_23-2147985147.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-male-partners-shaking-hands-office_1303-19732.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-wall_23-2147985147.jpg", alt: "Customer" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -302,34 +145,10 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "p1",
|
||||
value: "01",
|
||||
title: "Consultation",
|
||||
description: "Meet our team.",
|
||||
icon: User,
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
value: "02",
|
||||
title: "Measurements",
|
||||
description: "Precision fitting.",
|
||||
icon: Scissors,
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
value: "03",
|
||||
title: "Tailoring",
|
||||
description: "Expert assembly.",
|
||||
icon: Scissors,
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
value: "04",
|
||||
title: "Delivery",
|
||||
description: "Rush pick up.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{ id: "p1", value: "01", title: "Consultation", description: "Meet our team.", icon: User },
|
||||
{ id: "p2", value: "02", title: "Measurements", description: "Precision fitting.", icon: Scissors },
|
||||
{ id: "p3", value: "03", title: "Tailoring", description: "Expert assembly.", icon: Scissors },
|
||||
{ id: "p4", value: "04", title: "Delivery", description: "Rush pick up.", icon: CheckCircle },
|
||||
]}
|
||||
title="Four Steps to Perfection"
|
||||
description="Our streamlined process ensures you get exactly what you need."
|
||||
@@ -339,16 +158,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to tailor your wardrobe to perfection? Book your appointment today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Book Now",
|
||||
href: "tel:+12145550123",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call to Book Now", href: "tel:+12145550123" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -357,28 +169,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/thoughts-carry-me-away-young-cute-clothes-designer-standing-workshop-having-break-from-sewing-drinking-coffee-thinking-while-looking-aside-planning-new-design-garment_176420-14575.jpg"
|
||||
logoText="Unique Tailor"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Suit Tailoring",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Formal Wear",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Suit Tailoring", href: "#" }, { label: "Formal Wear", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user