bender/fee59631-86fb-403b-a2ee-aa5d92c7678c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-08 18:55:37 +00:00
parent aac11e8521
commit d6fcc0a045
1 changed files with 64 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

303
src/app/page.tsx
View File

@@ -33,30 +33,18 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Collection",
id: "#collection",
},
name: "Collection", id: "#collection"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Get Started",
href: "#contact",
}}
text: "Get Started", href: "#contact"}}
logoSrc="http://img.b2bpic.net/free-vector/pipe-mens-club-vector-gentlemen-logos-set-classic-vogue-logotype-face-male-portrait-illustration_1284-46976.jpg"
logoAlt="Gentlemanstore Logo"
brandName="Gentlemanstore"
@@ -67,80 +55,42 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
imagePosition="right"
title="Your Business Starts Here Online"
description="Build trust, attract customers, and grow your reach with a professional web presence. Discover timeless elegance and exceptional service at Gentlemanstore."
testimonials={[
{
name: "Anas El Hadfi",
handle: "@AnasStyle",
testimonial: "Gentlemanstore truly embodies classic style. The quality and fit of their suits are unmatched. I always leave feeling confident and refined.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-cup-coffee_23-2147955267.jpg",
imageAlt: "Anas El Hadfi",
},
name: "Anas El Hadfi", handle: "@AnasStyle", testimonial: "Gentlemanstore truly embodies classic style. The quality and fit of their suits are unmatched. I always leave feeling confident and refined.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-cup-coffee_23-2147955267.jpg", imageAlt: "Anas El Hadfi"},
{
name: "Fatima Zahra",
handle: "@FatimaZFashion",
testimonial: "I was looking for the perfect gift for my husband, and Gentlemanstore delivered beyond expectations. Their staff are incredibly helpful and the selection is exquisite.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-talking-phone_23-2148660691.jpg",
imageAlt: "Fatima Zahra",
},
name: "Fatima Zahra", handle: "@FatimaZFashion", testimonial: "I was looking for the perfect gift for my husband, and Gentlemanstore delivered beyond expectations. Their staff are incredibly helpful and the selection is exquisite.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-talking-phone_23-2148660691.jpg", imageAlt: "Fatima Zahra"},
{
name: "Youssef Karim",
handle: "@YoussefKStyle",
testimonial: "The 'old money' aesthetic is hard to find done right, but Gentlemanstore nails it every time. Premium fabrics and impeccable tailoring.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-using-phone_1303-18641.jpg",
imageAlt: "Youssef Karim",
},
name: "Youssef Karim", handle: "@YoussefKStyle", testimonial: "The 'old money' aesthetic is hard to find done right, but Gentlemanstore nails it every time. Premium fabrics and impeccable tailoring.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-using-phone_1303-18641.jpg", imageAlt: "Youssef Karim"},
{
name: "Amina Benali",
handle: "@AminaBDesigns",
testimonial: "As a designer, I appreciate true craftsmanship. Gentlemanstore's attention to detail and commitment to classic elegance is inspiring.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-male-walking-street_158595-4723.jpg",
imageAlt: "Amina Benali",
},
name: "Amina Benali", handle: "@AminaBDesigns", testimonial: "As a designer, I appreciate true craftsmanship. Gentlemanstore's attention to detail and commitment to classic elegance is inspiring.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-male-walking-street_158595-4723.jpg", imageAlt: "Amina Benali"},
{
name: "Mehdi Mansour",
handle: "@MehdiMClassic",
testimonial: "My go-to for all my formal wear. The service is personalized, and the quality of their garments lasts for years. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-taking-off-protective-face-mask-smiling-camera_637285-9219.jpg",
imageAlt: "Mehdi Mansour",
},
name: "Mehdi Mansour", handle: "@MehdiMClassic", testimonial: "My go-to for all my formal wear. The service is personalized, and the quality of their garments lasts for years. Highly recommended.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-taking-off-protective-face-mask-smiling-camera_637285-9219.jpg", imageAlt: "Mehdi Mansour"},
]}
buttons={[
{
text: "Get Started",
href: "#contact",
},
text: "Get Started", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-business-man-listening-music_23-2148763848.jpg",
alt: "Client avatar 1",
},
src: "http://img.b2bpic.net/free-photo/front-view-business-man-listening-music_23-2148763848.jpg", alt: "Client avatar 1"},
{
src: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg",
alt: "Client avatar 2",
},
src: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg", alt: "Client avatar 2"},
{
src: "http://img.b2bpic.net/free-photo/stylish-young-handsome-man-classy-outfit_1303-22527.jpg",
alt: "Client avatar 3",
},
src: "http://img.b2bpic.net/free-photo/stylish-young-handsome-man-classy-outfit_1303-22527.jpg", alt: "Client avatar 3"},
{
src: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-standing-with-crossed-arms_23-2148095675.jpg",
alt: "Client avatar 4",
},
src: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-standing-with-crossed-arms_23-2148095675.jpg", alt: "Client avatar 4"},
{
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg",
alt: "Young businessman happy expression",
},
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg", alt: "Young businessman happy expression"},
]}
avatarText="Join our community of stylish patrons."
imageSrc="http://img.b2bpic.net/free-photo/front-view-elegant-groom-posing_23-2150327168.jpg"
@@ -148,29 +98,19 @@ export default function LandingPage() {
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Unmatched Quality",
icon: Sparkles,
type: "text-icon", text: "Unmatched Quality", icon: Sparkles,
},
{
type: "text-icon",
text: "Timeless Designs",
icon: Crown,
type: "text-icon", text: "Timeless Designs", icon: Crown,
},
{
type: "text-icon",
text: "Personalized Service",
icon: UserCheck,
type: "text-icon", text: "Personalized Service", icon: UserCheck,
},
{
type: "text-icon",
text: "Crafted to Perfection",
icon: Diamond,
type: "text-icon", text: "Crafted to Perfection", icon: Diamond,
},
{
type: "text-icon",
text: "Global Recognition",
icon: Globe,
type: "text-icon", text: "Global Recognition", icon: Globe,
},
]}
/>
@@ -185,17 +125,11 @@ export default function LandingPage() {
description="At Gentlemanstore, we are dedicated to providing discerning men with classic and elegant ready-to-wear fashion. Located in the vibrant Maarif district of Casablanca, our store is a sanctuary for those who appreciate the 'old money' style—timeless, sophisticated, and impeccably crafted."
bulletPoints={[
{
title: "Timeless Style",
description: "Our collections are curated to reflect enduring elegance, offering pieces that transcend fleeting trends.",
},
title: "Timeless Style", description: "Our collections are curated to reflect enduring elegance, offering pieces that transcend fleeting trends."},
{
title: "Premium Craftsmanship",
description: "We partner with renowned artisans to ensure every garment meets the highest standards of quality and durability.",
},
title: "Premium Craftsmanship", description: "We partner with renowned artisans to ensure every garment meets the highest standards of quality and durability."},
{
title: "Personalized Service",
description: "Our knowledgeable team offers expert advice and personalized styling to help you find your perfect look.",
},
title: "Personalized Service", description: "Our knowledgeable team offers expert advice and personalized styling to help you find your perfect look."},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-making-jacket_23-2148898080.jpg"
imageAlt="Interior of a classic tailor's studio"
@@ -211,23 +145,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Finest Fabrics",
description: "We source only the highest quality wools, silks, and cottons for comfort and longevity.",
imageSrc: "http://img.b2bpic.net/free-photo/view-felt-fabric-gray-tones_23-2149447321.jpg",
imageAlt: "Close up of luxury fabric",
},
title: "Finest Fabrics", description: "We source only the highest quality wools, silks, and cottons for comfort and longevity.", imageSrc: "http://img.b2bpic.net/free-photo/view-felt-fabric-gray-tones_23-2149447321.jpg", imageAlt: "Close up of luxury fabric"},
{
title: "Impeccable Tailoring",
description: "Each piece is meticulously cut and stitched for a flawless fit that accentuates your physique.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket-close-up_23-2148898083.jpg",
imageAlt: "Tailor fitting a suit",
},
title: "Impeccable Tailoring", description: "Each piece is meticulously cut and stitched for a flawless fit that accentuates your physique.", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket-close-up_23-2148898083.jpg", imageAlt: "Tailor fitting a suit"},
{
title: "Expert Styling Advice",
description: "Our style consultants provide personalized recommendations to complete your sophisticated wardrobe.",
imageSrc: "http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335456.jpg",
imageAlt: "Man getting style advice",
},
title: "Expert Styling Advice", description: "Our style consultants provide personalized recommendations to complete your sophisticated wardrobe.", imageSrc: "http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335456.jpg", imageAlt: "Man getting style advice"},
]}
title="Our Signature Style: The Art of Dressing Well"
description="Experience the difference of true classic fashion. At Gentlemanstore, every detail is considered to offer you an unparalleled sartorial experience."
@@ -242,47 +164,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "suit-1",
name: "Navy Blue Classic Suit",
price: "MAD 4500",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-12519.jpg",
imageAlt: "Navy Blue Classic Suit",
},
id: "suit-1", name: "Navy Blue Classic Suit", price: "MAD 4500", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-12519.jpg", imageAlt: "Navy Blue Classic Suit"},
{
id: "blazer-1",
name: "Tweed Wool Blazer",
price: "MAD 2800",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-with-brick-wall-background_23-2148448893.jpg",
imageAlt: "Tweed Wool Blazer",
},
id: "blazer-1", name: "Tweed Wool Blazer", price: "MAD 2800", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-with-brick-wall-background_23-2148448893.jpg", imageAlt: "Tweed Wool Blazer"},
{
id: "shirt-1",
name: "Egyptian Cotton Dress Shirt",
price: "MAD 950",
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-sexy-handsome-model-man-casual-cloth-lifestyle-street-glasses_158538-14666.jpg",
imageAlt: "Egyptian Cotton Dress Shirt",
},
id: "shirt-1", name: "Egyptian Cotton Dress Shirt", price: "MAD 950", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-sexy-handsome-model-man-casual-cloth-lifestyle-street-glasses_158538-14666.jpg", imageAlt: "Egyptian Cotton Dress Shirt"},
{
id: "tie-1",
name: "Silk Geometric Tie",
price: "MAD 400",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-ties-wooden-table_23-2147717344.jpg",
imageAlt: "Silk Geometric Tie",
},
id: "tie-1", name: "Silk Geometric Tie", price: "MAD 400", imageSrc: "http://img.b2bpic.net/free-photo/stylish-ties-wooden-table_23-2147717344.jpg", imageAlt: "Silk Geometric Tie"},
{
id: "shoes-1",
name: "Leather Oxford Shoes",
price: "MAD 1800",
imageSrc: "http://img.b2bpic.net/free-photo/broom-dressing-up_23-2147990739.jpg",
imageAlt: "Leather Oxford Shoes",
},
id: "shoes-1", name: "Leather Oxford Shoes", price: "MAD 1800", imageSrc: "http://img.b2bpic.net/free-photo/broom-dressing-up_23-2147990739.jpg", imageAlt: "Leather Oxford Shoes"},
{
id: "vest-1",
name: "Wool Blend Waistcoat",
price: "MAD 1200",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-groom-with-black-bowtie_1328-4895.jpg",
imageAlt: "Wool Blend Waistcoat",
},
id: "vest-1", name: "Wool Blend Waistcoat", price: "MAD 1200", imageSrc: "http://img.b2bpic.net/free-photo/elegant-groom-with-black-bowtie_1328-4895.jpg", imageAlt: "Wool Blend Waistcoat"},
]}
title="The Collection: Elevate Your Wardrobe"
description="Explore our exquisite range of men's ready-to-wear, where classic design meets contemporary refinement. Each item is selected for its superior quality and timeless appeal."
@@ -294,14 +186,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Luxury Fabrics Inc.",
"Fashion Elite Magazine",
"Casablanca Style Guide",
"Heritage Tailors Guild",
"Exclusive Menswear Club",
"Global Textile Innovators",
"The Sartorial Review",
]}
"Luxury Fabrics Inc.", "Fashion Elite Magazine", "Casablanca Style Guide", "Heritage Tailors Guild", "Exclusive Menswear Club", "Global Textile Innovators", "The Sartorial Review"]}
title="Trusted by Patrons and Industry Experts"
description="Our commitment to excellence is recognized by leading names in fashion and a discerning clientele."
speed={40}
@@ -315,50 +200,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Omar B.",
handle: "@OmarStyle",
testimonial: "Gentlemanstore is my secret weapon for looking sharp. Their classic pieces are truly investments, and the fit is always perfect.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-male-realtor-showing-thumb-up-smiling-guarantee-quality-recommending-company-standing-white-background_1258-66370.jpg",
imageAlt: "Omar B.",
},
id: "1", name: "Omar B.", handle: "@OmarStyle", testimonial: "Gentlemanstore is my secret weapon for looking sharp. Their classic pieces are truly investments, and the fit is always perfect.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-male-realtor-showing-thumb-up-smiling-guarantee-quality-recommending-company-standing-white-background_1258-66370.jpg", imageAlt: "Omar B."},
{
id: "2",
name: "Sophia L.",
handle: "@SophiaLuxury",
testimonial: "I found the most exquisite blazer for my husband here. The staff's knowledge and helpfulness made the experience truly enjoyable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/good-looking-young-female-model-taking-picture-herself-dressing-room_197531-7167.jpg",
imageAlt: "Sophia L.",
},
id: "2", name: "Sophia L.", handle: "@SophiaLuxury", testimonial: "I found the most exquisite blazer for my husband here. The staff's knowledge and helpfulness made the experience truly enjoyable.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/good-looking-young-female-model-taking-picture-herself-dressing-room_197531-7167.jpg", imageAlt: "Sophia L."},
{
id: "3",
name: "Dr. Hassan K.",
handle: "@HassanMD",
testimonial: "For a professional, appearance is key. Gentlemanstore provides garments that exude confidence and sophistication. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-mature-customers-meeting-with-agent-giving-signed-insurance-agreement-her_74855-15165.jpg",
imageAlt: "Dr. Hassan K.",
},
id: "3", name: "Dr. Hassan K.", handle: "@HassanMD", testimonial: "For a professional, appearance is key. Gentlemanstore provides garments that exude confidence and sophistication. Highly recommended.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-mature-customers-meeting-with-agent-giving-signed-insurance-agreement-her_74855-15165.jpg", imageAlt: "Dr. Hassan K."},
{
id: "4",
name: "Sarah A.",
handle: "@SarahFashion",
testimonial: "The attention to detail in their suits is remarkable. My experience was exceptional, from browsing to purchase.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-posing-together_23-2148950607.jpg",
imageAlt: "Sarah A.",
},
id: "4", name: "Sarah A.", handle: "@SarahFashion", testimonial: "The attention to detail in their suits is remarkable. My experience was exceptional, from browsing to purchase.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-posing-together_23-2148950607.jpg", imageAlt: "Sarah A."},
{
id: "5",
name: "Kamal E.",
handle: "@KamalGent",
testimonial: "A true gem in Casablanca. For anyone seeking authentic classic elegance, look no further than Gentlemanstore.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-professional-businesswoman-looking-upper-left-corner-with-hopeful-face-expression-standing-white_176420-41313.jpg",
imageAlt: "Kamal E.",
},
id: "5", name: "Kamal E.", handle: "@KamalGent", testimonial: "A true gem in Casablanca. For anyone seeking authentic classic elegance, look no further than Gentlemanstore.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-professional-businesswoman-looking-upper-left-corner-with-hopeful-face-expression-standing-white_176420-41313.jpg", imageAlt: "Kamal E."},
]}
showRating={true}
title="What Our Valued Clients Say"
@@ -372,30 +227,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What are your operating hours?",
content: "We are open daily from 10:00 AM to 10:00 PM. We welcome you to visit us during these hours.",
},
id: "faq-1", title: "What are your operating hours?", content: "We are open daily from 10:00 AM to 10:00 PM. We welcome you to visit us during these hours."},
{
id: "faq-2",
title: "Where is Gentlemanstore located?",
content: "You can find us at 3, Boulevard Oued Beht, Maarif, Casablanca. We look forward to your visit!",
},
id: "faq-2", title: "Where is Gentlemanstore located?", content: "You can find us at 3, Boulevard Oued Beht, Maarif, Casablanca. We look forward to your visit!"},
{
id: "faq-3",
title: "Do you offer tailoring and alteration services?",
content: "Yes, we provide professional tailoring and alteration services to ensure a perfect fit for every garment purchased from us.",
},
id: "faq-3", title: "Do you offer tailoring and alteration services?", content: "Yes, we provide professional tailoring and alteration services to ensure a perfect fit for every garment purchased from us."},
{
id: "faq-4",
title: "What kind of style does Gentlemanstore specialize in?",
content: "We specialize in classic and elegant men's ready-to-wear, embracing the 'old money' aesthetic with a focus on timeless pieces and premium quality.",
},
id: "faq-4", title: "What kind of style does Gentlemanstore specialize in?", content: "We specialize in classic and elegant men's ready-to-wear, embracing the 'old money' aesthetic with a focus on timeless pieces and premium quality."},
{
id: "faq-5",
title: "Can I book a personal styling consultation?",
content: "Absolutely! We encourage clients to book a personal styling consultation with our experts for tailored advice and recommendations. Please contact us to schedule an appointment.",
},
id: "faq-5", title: "Can I book a personal styling consultation?", content: "Absolutely! We encourage clients to book a personal styling consultation with our experts for tailored advice and recommendations. Please contact us to schedule an appointment."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common inquiries about Gentlemanstore, our services, and our unique approach to men's fashion."
@@ -407,30 +247,19 @@ export default function LandingPage() {
<ContactSplitForm
useInvertedBackground={true}
title="Visit Our Store or Contact Us"
description="We invite you to experience the Gentlemanstore difference in person at our Casablanca location, or reach out to us with any inquiries. Our team is ready to assist you."
description="We invite you to experience the Gentlemanstore difference in person at our Casablanca location: 3 Boulevard Oued Beht. Our store hours are 10:00 AM - 10:00 PM daily. Reach out to us with any inquiries; our team is ready to assist you."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone (Optional)",
},
name: "phone", type: "tel", placeholder: "Your Phone (Optional)"},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 4,
name: "message", placeholder: "Your Message", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/young-man-with-bicycle-standing-front-vintage-building_23-2148176719.jpg"
@@ -446,16 +275,12 @@ export default function LandingPage() {
logoAlt="Gentlemanstore Logo"
logoText="Gentlemanstore"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}