Merge version_1 into main #1
233
src/app/page.tsx
233
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Kaydo"
|
||||
/>
|
||||
@@ -59,35 +51,21 @@ export default function LandingPage() {
|
||||
description="Excellence in menswear. Quality fabrics, tailored fit, and service you can trust."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Discover Collection", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-with-rack-clothes_23-2148929532.jpg",
|
||||
imageAlt: "Kaydo Store Interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-with-rack-clothes_23-2148929532.jpg", imageAlt: "Kaydo Store Interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-shop-assistants-elegantly-dressed-working-menswear-store_613910-19747.jpg",
|
||||
imageAlt: "Collection Display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-shop-assistants-elegantly-dressed-working-menswear-store_613910-19747.jpg", imageAlt: "Collection Display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-gray_158538-11104.jpg",
|
||||
imageAlt: "Tailored Suits",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-gray_158538-11104.jpg", imageAlt: "Tailored Suits"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-posing-autumn-clothes_23-2149071332.jpg",
|
||||
imageAlt: "Store Atmosphere",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-posing-autumn-clothes_23-2149071332.jpg", imageAlt: "Store Atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19723.jpg",
|
||||
imageAlt: "Men's Apparel",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19723.jpg", imageAlt: "Men's Apparel"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-man-standing-near-table_171337-19122.jpg",
|
||||
imageAlt: "Boutique Showcase",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-man-standing-near-table_171337-19122.jpg", imageAlt: "Boutique Showcase"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,19 +77,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Quality",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Quality", value: "100%"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "120+",
|
||||
},
|
||||
label: "Happy Clients", value: "120+"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Rating",
|
||||
value: "4.7",
|
||||
},
|
||||
label: "Rating", value: "4.7"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -124,26 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Impeccable Quality",
|
||||
description: "Fabrics curated for durability and elegance.",
|
||||
tag: "Fabric",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-patterned-fabric-textured-background_53876-129522.jpg",
|
||||
},
|
||||
id: "f1", title: "Impeccable Quality", description: "Fabrics curated for durability and elegance.", tag: "Fabric", imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-patterned-fabric-textured-background_53876-129522.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Expert Staff",
|
||||
description: "Personalized advice to ensure the perfect look.",
|
||||
tag: "Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-women-work_23-2149871137.jpg",
|
||||
},
|
||||
id: "f2", title: "Expert Staff", description: "Personalized advice to ensure the perfect look.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-women-work_23-2149871137.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Modern Environment",
|
||||
description: "A comfortable shopping experience for every man.",
|
||||
tag: "Retail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-center-showroom-with-clothes-from-trendy-collections-retail-market-boutique-with-modern-fashionable-wear-empty-clothing-store-filled-with-new-trends-fashion-brands_482257-61769.jpg",
|
||||
},
|
||||
id: "f3", title: "Modern Environment", description: "A comfortable shopping experience for every man.", tag: "Retail", imageSrc: "http://img.b2bpic.net/free-photo/shopping-center-showroom-with-clothes-from-trendy-collections-retail-market-boutique-with-modern-fashionable-wear-empty-clothing-store-filled-with-new-trends-fashion-brands_482257-61769.jpg"},
|
||||
]}
|
||||
title="Why Kaydo?"
|
||||
description="Experience superior quality and personal service at every visit."
|
||||
@@ -158,41 +115,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Formal Shirt",
|
||||
price: "69€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-sexy-handsome-model-man-casual-cloth-lifestyle-street-glasses_158538-14665.jpg",
|
||||
},
|
||||
id: "p1", name: "Formal Shirt", price: "69€", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-sexy-handsome-model-man-casual-cloth-lifestyle-street-glasses_158538-14665.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Slim Jeans",
|
||||
price: "89€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jeans-with-black-friday-tag-attached_23-2148288257.jpg",
|
||||
},
|
||||
id: "p2", name: "Slim Jeans", price: "89€", imageSrc: "http://img.b2bpic.net/free-photo/jeans-with-black-friday-tag-attached_23-2148288257.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Casual Blazer",
|
||||
price: "149€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-flannel-blazer_53876-108614.jpg",
|
||||
},
|
||||
id: "p3", name: "Casual Blazer", price: "149€", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-flannel-blazer_53876-108614.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Basic Cotton Tee",
|
||||
price: "29€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-69440.jpg",
|
||||
},
|
||||
id: "p4", name: "Basic Cotton Tee", price: "29€", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-69440.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Leather Belt",
|
||||
price: "39€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leather-belt_1203-7570.jpg",
|
||||
},
|
||||
id: "p5", name: "Leather Belt", price: "39€", imageSrc: "http://img.b2bpic.net/free-photo/leather-belt_1203-7570.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Wool Knit Sweater",
|
||||
price: "99€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-with-hat-gloves-posing_23-2148350091.jpg",
|
||||
},
|
||||
id: "p6", name: "Wool Knit Sweater", price: "99€", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-with-hat-gloves-posing_23-2148350091.jpg"},
|
||||
]}
|
||||
title="Our Essentials"
|
||||
description="Timeless pieces for the modern wardrobe."
|
||||
@@ -201,38 +134,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Quality",
|
||||
items: [
|
||||
"Premium fabrics",
|
||||
"Lasting finish",
|
||||
"Careful stitching",
|
||||
],
|
||||
id: "m1", value: "100%", title: "Quality", items: [
|
||||
"Premium fabrics", "Lasting finish", "Careful stitching"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.7/5",
|
||||
title: "Satisfaction",
|
||||
items: [
|
||||
"Top-tier service",
|
||||
"Expert guidance",
|
||||
"Customer loyalty",
|
||||
],
|
||||
id: "m2", value: "4.7/5", title: "Satisfaction", items: [
|
||||
"Top-tier service", "Expert guidance", "Customer loyalty"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Unlimited",
|
||||
title: "Style",
|
||||
items: [
|
||||
"Modern trends",
|
||||
"Timeless cuts",
|
||||
"Tailored fit",
|
||||
],
|
||||
id: "m3", value: "Unlimited", title: "Style", items: [
|
||||
"Modern trends", "Timeless cuts", "Tailored fit"],
|
||||
},
|
||||
]}
|
||||
title="Brand Impact"
|
||||
@@ -247,45 +163,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Excellent service and quality clothes! I recommend it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/awesome-man-dark-shirt-sweater-laughing-isolated-background_197531-26795.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Excellent service and quality clothes! I recommend it.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/awesome-man-dark-shirt-sweater-laughing-isolated-background_197531-26795.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
handle: "@mikey",
|
||||
testimonial: "My brother shops here often. Always impressed by quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-charming-woman-beige-trench-coat_197531-19714.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", handle: "@mikey", testimonial: "My brother shops here often. Always impressed by quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-charming-woman-beige-trench-coat_197531-19714.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emily",
|
||||
testimonial: "Friendly and skilled staff. Best shop in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-view-parent-child-spending-time-together_23-2151587638.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "@emily", testimonial: "Friendly and skilled staff. Best shop in town.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-view-parent-child-spending-time-together_23-2151587638.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@dkim",
|
||||
testimonial: "The personnel are truly helpful and aim to satisfy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-women-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-front-view-consumerism-shopping-concept_74855-12050.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@dkim", testimonial: "The personnel are truly helpful and aim to satisfy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-women-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-front-view-consumerism-shopping-concept_74855-12050.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex B.",
|
||||
handle: "@alexb",
|
||||
testimonial: "Superb experience every time. Quality is top-notch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-with-phone_23-2148894633.jpg",
|
||||
},
|
||||
id: "5", name: "Alex B.", handle: "@alexb", testimonial: "Superb experience every time. Quality is top-notch.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-with-phone_23-2148894633.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Stories"
|
||||
@@ -298,20 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are your store hours?",
|
||||
content: "We are open daily, with closing times at 9 PM.",
|
||||
},
|
||||
id: "q1", title: "What are your store hours?", content: "We are open daily, with closing times at 9 PM."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer tailoring?",
|
||||
content: "Our staff provides expert guidance to help with fits and styles.",
|
||||
},
|
||||
id: "q2", title: "Do you offer tailoring?", content: "Our staff provides expert guidance to help with fits and styles."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I return items?",
|
||||
content: "Please contact us in-store for all your return policy queries.",
|
||||
},
|
||||
id: "q3", title: "Can I return items?", content: "Please contact us in-store for all your return policy queries."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find answers to our most common inquiries here."
|
||||
@@ -323,14 +205,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Visit us at Kaydo. Elevate your style today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Store",
|
||||
href: "#",
|
||||
},
|
||||
text: "Visit Store", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -340,29 +219,19 @@ export default function LandingPage() {
|
||||
logoText="KAYDO"
|
||||
columns={[
|
||||
{
|
||||
title: "Kaydo",
|
||||
items: [
|
||||
title: "Kaydo", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user