Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 07f98e32ea | |||
| aaaff1204d |
201
src/app/page.tsx
201
src/app/page.tsx
@@ -31,26 +31,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Directions",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Directions", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Contact",
|
||||
href: "tel:0112574414",
|
||||
}}
|
||||
text: "Contact", href: "tel:0112574414"}}
|
||||
brandName="Fashion Fabrics"
|
||||
/>
|
||||
</div>
|
||||
@@ -58,45 +48,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Colombo's Premier Fabric Destination"
|
||||
description="Discover a premium selection of high-quality textiles for designers, tailors, and DIY enthusiasts. Fashion Fabrics brings you the finest materials in the heart of Colombo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Save to Phone",
|
||||
href: "tel:0112574414",
|
||||
},
|
||||
text: "Save to Phone", href: "tel:0112574414"},
|
||||
{
|
||||
text: "Share Store",
|
||||
href: "#",
|
||||
},
|
||||
text: "Share Store", href: "#"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rolled-up-fabrics_23-2147875040.jpg",
|
||||
imageAlt: "Luxury fabric rolls display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rolled-up-fabrics_23-2147875040.jpg", imageAlt: "Luxury fabric rolls display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket-close-up_23-2148898082.jpg",
|
||||
imageAlt: "Tailor measuring fabric",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket-close-up_23-2148898082.jpg", imageAlt: "Tailor measuring fabric"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1385-1266.jpg",
|
||||
imageAlt: "Fine textile samples",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1385-1266.jpg", imageAlt: "Fine textile samples"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lovely-caucasian-female-with-dark-hair-silver-dress-shoes-poses-camera-shows-her-new-dress_132075-8980.jpg",
|
||||
imageAlt: "Modern store showcase",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lovely-caucasian-female-with-dark-hair-silver-dress-shoes-poses-camera-shows-her-new-dress_132075-8980.jpg", imageAlt: "Modern store showcase"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-atelier-shop-workspace_482257-95822.jpg",
|
||||
imageAlt: "Professional sewing materials",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-atelier-shop-workspace_482257-95822.jpg", imageAlt: "Professional sewing materials"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-shirt-front-view_23-2149729285.jpg",
|
||||
imageAlt: "Fashion fabric textures",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-shirt-front-view_23-2149729285.jpg", imageAlt: "Fashion fabric textures"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,9 +79,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="About Fashion Fabrics"
|
||||
description={[
|
||||
"Located at 538 Galle Rd, Colombo 00300, Fashion Fabrics has been a trusted cornerstone for the creative community for years. We specialize in premium textiles ranging from everyday essentials to high-fashion fabrics.",
|
||||
"Our team is dedicated to helping you find exactly what you need, whether you are crafting your first DIY project or sourcing for a professional design studio.",
|
||||
]}
|
||||
"Located at 538 Galle Rd, Colombo 00300, Fashion Fabrics has been a trusted cornerstone for the creative community for years. We specialize in premium textiles ranging from everyday essentials to high-fashion fabrics.", "Our team is dedicated to helping you find exactly what you need, whether you are crafting your first DIY project or sourcing for a professional design studio."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,26 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "In-Store Shopping",
|
||||
description: "Visit our Galle Road showroom to experience the quality of our fabrics firsthand with expert guidance.",
|
||||
tag: "Convenience",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-fashion-designer-consulting-color-palette-clothing-line_23-2148846776.jpg",
|
||||
},
|
||||
id: "s1", title: "In-Store Shopping", description: "Visit our Galle Road showroom to experience the quality of our fabrics firsthand with expert guidance.", tag: "Convenience", imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-fashion-designer-consulting-color-palette-clothing-line_23-2148846776.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Quick Pick-up",
|
||||
description: "Short on time? Order ahead and pick up your fabrics at your convenience at our Colombo location.",
|
||||
tag: "Services",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-with-mask_23-2149035866.jpg",
|
||||
},
|
||||
id: "s2", title: "Quick Pick-up", description: "Short on time? Order ahead and pick up your fabrics at your convenience at our Colombo location.", tag: "Services", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-with-mask_23-2149035866.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Premium Textiles",
|
||||
description: "A curated range of high-grade textiles tailored for designers, tailors, and home sewing projects.",
|
||||
tag: "Quality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-type-fabric-clothes-shop_23-2148175735.jpg",
|
||||
},
|
||||
id: "s3", title: "Premium Textiles", description: "A curated range of high-grade textiles tailored for designers, tailors, and home sewing projects.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/various-type-fabric-clothes-shop_23-2148175735.jpg"},
|
||||
]}
|
||||
title="Services & Convenience"
|
||||
description="We are open daily until 7:30 PM to serve all your creative needs with ease and professional care."
|
||||
@@ -152,59 +108,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ananya Perera",
|
||||
role: "Fashion Designer",
|
||||
company: "Studio Colombo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924091.jpg",
|
||||
},
|
||||
id: "1", name: "Ananya Perera", role: "Fashion Designer", company: "Studio Colombo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924091.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rajiv Fernando",
|
||||
role: "Tailor",
|
||||
company: "Bespoke Fits",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-black-woman-running-small-business_23-2150171782.jpg",
|
||||
},
|
||||
id: "2", name: "Rajiv Fernando", role: "Tailor", company: "Bespoke Fits", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-black-woman-running-small-business_23-2150171782.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Miller",
|
||||
role: "DIY Artist",
|
||||
company: "Home Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tailors-looking-perfect-material-dress_329181-14380.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah Miller", role: "DIY Artist", company: "Home Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tailors-looking-perfect-material-dress_329181-14380.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kumara Silva",
|
||||
role: "Customer",
|
||||
company: "Regular Shopper",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-attractive-stylish-brunette-woman-posing-isolated-yellow-studio-background-trendy-fashion-clothes-outfit-holding-white-shopping-bag-printed-blouse-hat-smiling-happy-accessories_285396-11101.jpg",
|
||||
},
|
||||
id: "4", name: "Kumara Silva", role: "Customer", company: "Regular Shopper", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-attractive-stylish-brunette-woman-posing-isolated-yellow-studio-background-trendy-fashion-clothes-outfit-holding-white-shopping-bag-printed-blouse-hat-smiling-happy-accessories_285396-11101.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Deepika Jay",
|
||||
role: "Creative Lead",
|
||||
company: "Design Hub",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-laptop_23-2148539780.jpg",
|
||||
},
|
||||
id: "5", name: "Deepika Jay", role: "Creative Lead", company: "Design Hub", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-laptop_23-2148539780.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.1★",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.1★", label: "Rating"},
|
||||
{
|
||||
value: "562",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "562", label: "Reviews"},
|
||||
{
|
||||
value: "Daily",
|
||||
label: "Open",
|
||||
},
|
||||
value: "Daily", label: "Open"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="With a 4.1-star rating from over 562 happy customers, we are proud to be a staple in the local creative community."
|
||||
@@ -216,14 +141,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Fashion Council",
|
||||
"Design Guild",
|
||||
"Trade Board",
|
||||
"Fabric Standards",
|
||||
"Artisan Collective",
|
||||
"Textile Union",
|
||||
"Local Business Alliance",
|
||||
]}
|
||||
"Fashion Council", "Design Guild", "Trade Board", "Fabric Standards", "Artisan Collective", "Textile Union", "Local Business Alliance"]}
|
||||
title="Trusted by Experts"
|
||||
description="Our fabrics are the material choice for many designers and tailors across Colombo."
|
||||
/>
|
||||
@@ -235,20 +153,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you open on weekends?",
|
||||
content: "Yes, we are open daily until 7:30 PM, including weekends to accommodate your creative schedule.",
|
||||
},
|
||||
id: "f1", title: "Are you open on weekends?", content: "Yes, we are open daily until 7:30 PM, including weekends to accommodate your creative schedule."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer in-store pickup?",
|
||||
content: "Absolutely. You can order in advance and swing by 538 Galle Rd for a quick pick-up.",
|
||||
},
|
||||
id: "f2", title: "Do you offer in-store pickup?", content: "Absolutely. You can order in advance and swing by 538 Galle Rd for a quick pick-up."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you stock materials for tailoring?",
|
||||
content: "Yes, we stock a vast selection of premium textiles perfect for bespoke tailoring and professional design work.",
|
||||
},
|
||||
id: "f3", title: "Do you stock materials for tailoring?", content: "Yes, we stock a vast selection of premium textiles perfect for bespoke tailoring and professional design work."},
|
||||
{
|
||||
id: "f4", title: "What payment methods do you accept?", content: "We accept cash, major credit/debit cards, and mobile payment options for all in-store transactions."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-smiley-woman-work_23-2149636257.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -262,20 +174,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Location"
|
||||
title="Visit Us Today"
|
||||
description="Drop by our store at 538 Galle Rd, Colombo 00300, or call us for enquiries at 0112 574 414. We are open daily until 7:30 PM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0112574414",
|
||||
},
|
||||
text: "Call Now", href: "tel:0112574414"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -286,33 +193,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Directions", href: "#contact"},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:0112574414",
|
||||
},
|
||||
label: "Call Us", href: "tel:0112574414"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -322,4 +217,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user