bender/1972d2b1-588d-4e4f-841d-f866ae755e44
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-30 12:48:35 +00:00
parent 678aa557e3 6ad75fcb87
commit 7d009e3beb
1 changed files with 52 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files

272
src/app/page.tsx
View File

@@ -32,39 +32,23 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Shop",
id: "#shop-categories",
},
name: "Shop", id: "#shop-categories"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Scarfit"
button={{
text: "Shop Now",
href: "#shop-categories",
}}
text: "Shop Now", href: "#shop-categories"}}
animateOnLoad={true}
/>
</div>
@@ -75,39 +59,23 @@ export default function LandingPage() {
description="Discover your perfect fit with Scarfit. Handcrafted with exquisite materials, our scarves embody timeless elegance and modern style. Elevate your look with unique designs that speak to your individuality."
buttons={[
{
text: "Shop Our Collection",
href: "#shop-categories",
},
text: "Shop Our Collection", href: "#shop-categories"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-female-with-black-hat-sitting-cafe-glass-wall_181624-21926.jpg",
imageAlt: "Elegant woman wearing a luxurious silk scarf",
},
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-female-with-black-hat-sitting-cafe-glass-wall_181624-21926.jpg", imageAlt: "Elegant woman wearing a luxurious silk scarf"},
{
imageSrc: "http://img.b2bpic.net/free-photo/rack-with-overclothes-shop_23-2147784096.jpg",
imageAlt: "Collection of diverse scarves draped gracefully",
},
imageSrc: "http://img.b2bpic.net/free-photo/rack-with-overclothes-shop_23-2147784096.jpg", imageAlt: "Collection of diverse scarves draped gracefully"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-valentines-day-wearing-hat-with-scarf-unpleased-girl-looking-side-guy-standing-girl-isolated-white-background_141793-110483.jpg",
imageAlt: "Couple enjoying an autumn day with matching scarves",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-valentines-day-wearing-hat-with-scarf-unpleased-girl-looking-side-guy-standing-girl-isolated-white-background_141793-110483.jpg", imageAlt: "Couple enjoying an autumn day with matching scarves"},
{
imageSrc: "http://img.b2bpic.net/free-photo/papel-picado-party-decorations_23-2149399257.jpg",
imageAlt: "Close-up of an intricate scarf pattern detail",
},
imageSrc: "http://img.b2bpic.net/free-photo/papel-picado-party-decorations_23-2149399257.jpg", imageAlt: "Close-up of an intricate scarf pattern detail"},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-brunette-hair-glasses-smiling-sitting-outside-young-woman-black-jacket-white-pants-talks-phone-outdoors_197531-19318.jpg",
imageAlt: "Woman smiling wearing a vibrant scarf outdoors",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-brunette-hair-glasses-smiling-sitting-outside-young-woman-black-jacket-white-pants-talks-phone-outdoors_197531-19318.jpg", imageAlt: "Woman smiling wearing a vibrant scarf outdoors"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-posing-near-gray-wall_158538-9714.jpg",
imageAlt: "Man in a suit with an elegant pocket square scarf",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-posing-near-gray-wall_158538-9714.jpg", imageAlt: "Man in a suit with an elegant pocket square scarf"},
]}
autoplayDelay={4000}
showDimOverlay={true}
@@ -122,34 +90,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "silk",
name: "Silk Scarves",
price: "From $80",
imageSrc: "http://img.b2bpic.net/free-photo/blue-wavy-fabric-background_84443-94468.jpg",
imageAlt: "Smooth, luxurious silk scarf",
},
id: "silk", name: "Silk Scarves", price: "From $80", imageSrc: "http://img.b2bpic.net/free-photo/blue-wavy-fabric-background_84443-94468.jpg", imageAlt: "Smooth, luxurious silk scarf"},
{
id: "wool",
name: "Wool Scarves",
price: "From $65",
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-750.jpg",
imageAlt: "Cozy, warm wool scarf",
},
id: "wool", name: "Wool Scarves", price: "From $65", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-750.jpg", imageAlt: "Cozy, warm wool scarf"},
{
id: "cotton",
name: "Cotton Scarves",
price: "From $45",
imageSrc: "http://img.b2bpic.net/free-photo/artificial-white-flowers-blue-with-sateen-cloth_114579-15670.jpg",
imageAlt: "Lightweight, breathable cotton scarf",
},
id: "cotton", name: "Cotton Scarves", price: "From $45", imageSrc: "http://img.b2bpic.net/free-photo/artificial-white-flowers-blue-with-sateen-cloth_114579-15670.jpg", imageAlt: "Lightweight, breathable cotton scarf"},
]}
title="Shop By Category"
description="Explore our diverse range of scarves, meticulously categorized by material, design, and occasion. Find the perfect accessory to complement your style."
buttons={[
{
text: "View All Categories",
href: "#",
},
text: "View All Categories", href: "#"},
]}
/>
</div>
@@ -161,9 +112,7 @@ export default function LandingPage() {
title="Where Artistry Meets Comfort: The Scarfit Philosophy"
buttons={[
{
text: "Discover Our Values",
href: "#",
},
text: "Discover Our Values", href: "#"},
]}
/>
</div>
@@ -172,36 +121,19 @@ export default function LandingPage() {
<MetricCardSeven
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
metrics={[
{
id: "m1",
value: "100%",
title: "Premium Quality",
items: [
"Finest natural fibers",
"Durable craftsmanship",
"Luxurious feel",
],
id: "m1", value: "100%", title: "Premium Quality", items: [
"Finest natural fibers", "Durable craftsmanship", "Luxurious feel"],
},
{
id: "m2",
value: "Ethical",
title: "Sustainable Sourcing",
items: [
"Eco-friendly processes",
"Fair trade partnerships",
"Reduced environmental impact",
],
id: "m2", value: "Ethical", title: "Sustainable Sourcing", items: [
"Eco-friendly processes", "Fair trade partnerships", "Reduced environmental impact"],
},
{
id: "m3",
value: "Unique",
title: "Exquisite Designs",
items: [
"Hand-selected patterns",
"Timeless aesthetics",
"Modern elegance",
],
id: "m3", value: "Unique", title: "Exquisite Designs", items: [
"Hand-selected patterns", "Timeless aesthetics", "Modern elegance"],
},
]}
title="Our Commitments"
@@ -217,55 +149,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "velvet-dream",
name: "Velvet Dream",
price: "$95",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305934.jpg",
imageAlt: "Luxurious dark red velvet scarf",
},
id: "velvet-dream", name: "Velvet Dream", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305934.jpg", imageAlt: "Luxurious dark red velvet scarf"},
{
id: "sky-blue-serenity",
name: "Sky Blue Serenity",
price: "$70",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beach-covering-her-face-with-veil_23-2149460547.jpg",
imageAlt: "Light blue cashmere scarf",
},
id: "sky-blue-serenity", name: "Sky Blue Serenity", price: "$70", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beach-covering-her-face-with-veil_23-2149460547.jpg", imageAlt: "Light blue cashmere scarf"},
{
id: "earth-tones-journey",
name: "Earth Tones Journey",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-smiling-skinny-woman-with-curly-hair-walking-park-dressed-warm-brown-coat-autumn-trendy-fashion-street-style_285396-6811.jpg",
imageAlt: "Patterned scarf with natural earth tones",
},
id: "earth-tones-journey", name: "Earth Tones Journey", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-smiling-skinny-woman-with-curly-hair-walking-park-dressed-warm-brown-coat-autumn-trendy-fashion-street-style_285396-6811.jpg", imageAlt: "Patterned scarf with natural earth tones"},
{
id: "floral-blush",
name: "Floral Blush",
price: "$75",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-groom-having-his-boutonniere-attached-his-suit-jacket_181624-21101.jpg",
imageAlt: "Pink silk scarf with a floral pattern",
},
id: "floral-blush", name: "Floral Blush", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-groom-having-his-boutonniere-attached-his-suit-jacket_181624-21101.jpg", imageAlt: "Pink silk scarf with a floral pattern"},
{
id: "geometric-elegance",
name: "Geometric Elegance",
price: "$60",
imageSrc: "http://img.b2bpic.net/free-photo/isolated-blue-jeans-white-background-with-sample-text-copy-space_640221-37.jpg",
imageAlt: "Black and white geometric scarf",
},
id: "geometric-elegance", name: "Geometric Elegance", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/isolated-blue-jeans-white-background-with-sample-text-copy-space_640221-37.jpg", imageAlt: "Black and white geometric scarf"},
{
id: "winter-weave",
name: "Winter Weave",
price: "$55",
imageSrc: "http://img.b2bpic.net/free-photo/gloves-touching-tea_23-2147776728.jpg",
imageAlt: "Chunky knit grey wool scarf",
},
id: "winter-weave", name: "Winter Weave", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/gloves-touching-tea_23-2147776728.jpg", imageAlt: "Chunky knit grey wool scarf"},
]}
title="Featured Scarves"
description="Handpicked for their unique charm and popular appeal, our featured scarves are perfect for adding that special touch to any outfit."
buttons={[
{
text: "Browse All Scarves",
href: "#",
},
text: "Browse All Scarves", href: "#"},
]}
/>
</div>
@@ -275,14 +175,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Vogue",
"Harper's Bazaar",
"Elle",
"Glamour",
"InStyle",
"Cosmopolitan",
"Marie Claire",
]}
"Vogue", "Harper's Bazaar", "Elle", "Glamour", "InStyle", "Cosmopolitan", "Marie Claire"]}
title="As Featured In"
description="Our exquisite scarves have been recognized and celebrated by leading fashion publications worldwide."
/>
@@ -294,50 +187,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Simply Stunning!",
quote: "I absolutely adore my new silk scarf from Scarfit! The quality is unmatched, and the design is even more beautiful in person. It adds a touch of luxury to every outfit. Highly recommended!",
name: "Eleanor Vance",
role: "Fashion Blogger",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-fashion-beauty-sensual-caucasian-woman-wearing-colorful-shawl-head-accessories-posing-with-hand-shoulder-isolated-gray-background_613910-19097.jpg",
imageAlt: "Eleanor Vance",
},
id: "1", title: "Simply Stunning!", quote: "I absolutely adore my new silk scarf from Scarfit! The quality is unmatched, and the design is even more beautiful in person. It adds a touch of luxury to every outfit. Highly recommended!", name: "Eleanor Vance", role: "Fashion Blogger", imageSrc: "http://img.b2bpic.net/free-photo/traditional-fashion-beauty-sensual-caucasian-woman-wearing-colorful-shawl-head-accessories-posing-with-hand-shoulder-isolated-gray-background_613910-19097.jpg", imageAlt: "Eleanor Vance"},
{
id: "2",
title: "Perfect for Any Occasion",
quote: "Scarfit has quickly become my go-to for unique accessories. Their wool scarves are incredibly warm and stylish, perfect for both casual wear and formal events. Exceptional customer service too!",
name: "Marcus Thorne",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-guy-dressed-black-jacket-jeans-using-smartphone-sitting-steps-against-old-building-europe_613910-4512.jpg",
imageAlt: "Marcus Thorne",
},
id: "2", title: "Perfect for Any Occasion", quote: "Scarfit has quickly become my go-to for unique accessories. Their wool scarves are incredibly warm and stylish, perfect for both casual wear and formal events. Exceptional customer service too!", name: "Marcus Thorne", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-guy-dressed-black-jacket-jeans-using-smartphone-sitting-steps-against-old-building-europe_613910-4512.jpg", imageAlt: "Marcus Thorne"},
{
id: "3",
title: "A Touch of Elegance",
quote: "The craftsmanship of Scarfit's cotton scarves is truly impressive. They are soft, breathable, and the patterns are just divine. I feel so chic and put-together whenever I wear them. A must-have!",
name: "Isabella Rossi",
role: "Artist & Designer",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-bohemian-woman-posing_23-2148522801.jpg",
imageAlt: "Isabella Rossi",
},
id: "3", title: "A Touch of Elegance", quote: "The craftsmanship of Scarfit's cotton scarves is truly impressive. They are soft, breathable, and the patterns are just divine. I feel so chic and put-together whenever I wear them. A must-have!", name: "Isabella Rossi", role: "Artist & Designer", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-bohemian-woman-posing_23-2148522801.jpg", imageAlt: "Isabella Rossi"},
{
id: "4",
title: "My Favorite Accessory",
quote: "I've purchased multiple scarves from Scarfit, and each one has exceeded my expectations. The colors are vibrant, the fabrics are luxurious, and they truly elevate my personal style. Customer for life!",
name: "Sophia Lee",
role: "Business Owner",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-coat-outside-street_1303-20174.jpg",
imageAlt: "Sophia Lee",
},
id: "4", title: "My Favorite Accessory", quote: "I've purchased multiple scarves from Scarfit, and each one has exceeded my expectations. The colors are vibrant, the fabrics are luxurious, and they truly elevate my personal style. Customer for life!", name: "Sophia Lee", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-coat-outside-street_1303-20174.jpg", imageAlt: "Sophia Lee"},
{
id: "5",
title: "Gift of Pure Joy",
quote: "I received a Scarfit scarf as a gift, and it was pure joy! The packaging was beautiful, and the scarf itself is simply gorgeous. It's so versatile and makes me feel elegant every time I wear it.",
name: "Olivia Smith",
role: "Marketing Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-making-barbecue-grill_23-2149745563.jpg",
imageAlt: "Olivia Smith",
},
id: "5", title: "Gift of Pure Joy", quote: "I received a Scarfit scarf as a gift, and it was pure joy! The packaging was beautiful, and the scarf itself is simply gorgeous. It's so versatile and makes me feel elegant every time I wear it.", name: "Olivia Smith", role: "Marketing Specialist", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-making-barbecue-grill_23-2149745563.jpg", imageAlt: "Olivia Smith"},
]}
title="What Our Customers Say"
description="Hear from our delighted community who have experienced the elegance and quality of Scarfit."
@@ -349,38 +207,21 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What materials are your scarves made from?",
content: "Our scarves are crafted from premium natural fibers including 100% pure silk, fine Merino wool, and soft organic cotton. Each product description specifies the exact material composition.",
},
id: "q1", title: "What materials are your scarves made from?", content: "Our scarves are crafted from premium natural fibers including 100% pure silk, fine Merino wool, and soft organic cotton. Each product description specifies the exact material composition."},
{
id: "q2",
title: "How do I care for my Scarfit scarf?",
content: "Care instructions vary by material. Generally, silk scarves require dry cleaning or gentle hand washing, wool scarves should be hand washed cold, and cotton can often be machine washed on a delicate cycle. Please refer to the care label on your specific scarf for detailed instructions.",
},
id: "q2", title: "How do I care for my Scarfit scarf?", content: "Care instructions vary by material. Generally, silk scarves require dry cleaning or gentle hand washing, wool scarves should be hand washed cold, and cotton can often be machine washed on a delicate cycle. Please refer to the care label on your specific scarf for detailed instructions."},
{
id: "q3",
title: "Do you offer international shipping?",
content: "Yes, we proudly offer international shipping to most countries worldwide. Shipping costs and delivery times will be calculated at checkout based on your destination.",
},
id: "q3", title: "Do you offer international shipping?", content: "Yes, we proudly offer international shipping to most countries worldwide. Shipping costs and delivery times will be calculated at checkout based on your destination."},
{
id: "q4",
title: "What is your return policy?",
content: "We offer a 30-day return policy for unworn and unwashed items with original tags attached. Please visit our 'Returns' page for detailed instructions and to initiate a return.",
},
id: "q4", title: "What is your return policy?", content: "We offer a 30-day return policy for unworn and unwashed items with original tags attached. Please visit our 'Returns' page for detailed instructions and to initiate a return."},
{
id: "q5",
title: "Can I track my order?",
content: "Absolutely! Once your order has shipped, you will receive a confirmation email with a tracking number. You can use this number to monitor the progress of your delivery.",
},
id: "q5", title: "Can I track my order?", content: "Absolutely! Once your order has shipped, you will receive a confirmation email with a tracking number. You can use this number to monitor the progress of your delivery."},
]}
sideTitle="Your Questions, Answered"
sideDescription="Find quick answers to the most common questions about our products, orders, and services."
buttons={[
{
text: "View All FAQs",
href: "#",
},
text: "View All FAQs", href: "#"},
]}
faqsAnimation="slide-up"
textPosition="left"
@@ -391,20 +232,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Connect With Us"
title="Have a Question?"
description="Whether you need assistance with an order, have a styling query, or simply want to share your Scarfit experience, our team is here to help. Reach out to us directly or visit our social media."
buttons={[
{
text: "Email Us",
href: "mailto:info@scarfit.net",
},
text: "Email Us", href: "mailto:info@scarfit.net"},
{
text: "Call Us",
href: "tel:+201021881539",
},
text: "Call Us", href: "tel:+201021881539"},
]}
/>
</div>
@@ -413,13 +249,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="SCARFIT"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>