Merge version_1 into main #2
304
src/app/page.tsx
304
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, Heart, Layers, Shield, Star, Zap } from "lucide-react";
|
||||
import { Award, Shield, Zap, Star, Layers, Heart } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Inshaallah"
|
||||
/>
|
||||
@@ -55,48 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Inshaallah"
|
||||
description="Where tradition meets modern luxury. Discover exclusive menswear meticulously crafted for the contemporary gentleman."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-performer-suit-posing-with-arms-up_23-2148417944.jpg?_wi=1",
|
||||
imageAlt: "Model in suit",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-elegant-gray-pocket-square-patterned-blazer_181624-59723.jpg?_wi=1",
|
||||
imageAlt: "Fabric detail",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22426.jpg",
|
||||
imageAlt: "Lifestyle shot",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-posing-autumn-clothes_23-2149071347.jpg",
|
||||
imageAlt: "Portrait look",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-rich-african-man-with-watch-cufflinks_627829-3352.jpg",
|
||||
imageAlt: "Luxury accessory",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916388.jpg",
|
||||
imageAlt: "Fashion silhouette",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-performer-suit-posing-with-arms-up_23-2148417944.jpg", imageAlt: "Model in suit" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-elegant-gray-pocket-square-patterned-blazer_181624-59723.jpg", imageAlt: "Fabric detail" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lamber-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22426.jpg", imageAlt: "Lifestyle shot" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-posing-autumn-clothes_23-2149071347.jpg", imageAlt: "Portrait look" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-rich-african-man-with-watch-cufflinks_627829-3352.jpg", imageAlt: "Luxury accessory" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916388.jpg", imageAlt: "Fashion silhouette" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,21 +63,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Craftsmanship Redefined"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Premium Materials",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Global Shipments",
|
||||
value: "5K+",
|
||||
},
|
||||
{ icon: Award, label: "Years Experience", value: "10+" },
|
||||
{ icon: Shield, label: "Premium Materials", value: "100%" },
|
||||
{ icon: Zap, label: "Global Shipments", value: "5K+" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -133,48 +78,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Dress Shirt",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sale-shopping-fashion-style-people-concept-elegant-young-man-choosing-footwear-mall_1157-48893.jpg",
|
||||
imageAlt: "Luxury black shirt",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Formal Trousers",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353750.jpg",
|
||||
imageAlt: "Formal black trousers",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Black Blazer",
|
||||
price: "$350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-woman-posing-with-elegant-suit_1328-3282.jpg",
|
||||
imageAlt: "Premium blazer",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Leather Dress Shoes",
|
||||
price: "$280",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pair-classic-clothing-white-black_1203-6538.jpg",
|
||||
imageAlt: "Leather formal shoes",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Signature Gold Belt",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/important-details-bride-s-image-wedding-day_8353-9263.jpg",
|
||||
imageAlt: "Gold buckle belt",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Classic Black Tie",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166949.jpg",
|
||||
imageAlt: "Black silk tie",
|
||||
},
|
||||
{ id: "p1", name: "Luxury Dress Shirt", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/sale-shopping-fashion-style-people-concept-elegant-young-man-choosing-footwear-mall_1157-48893.jpg" },
|
||||
{ id: "p2", name: "Formal Trousers", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353750.jpg" },
|
||||
{ id: "p3", name: "Black Blazer", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-woman-posing-with-elegant-suit_1328-3282.jpg" },
|
||||
{ id: "p4", name: "Leather Dress Shoes", price: "$280", imageSrc: "http://img.b2bpic.net/free-photo/pair-classic-clothing-white-black_1203-6538.jpg" },
|
||||
{ id: "p5", name: "Signature Gold Belt", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/important-details-bride-s-image-wedding-day_8353-9263.jpg" },
|
||||
{ id: "p6", name: "Classic Black Tie", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166949.jpg" }
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Hand-picked pieces reflecting unmatched elegance."
|
||||
@@ -183,39 +92,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Secure Payments",
|
||||
tags: [
|
||||
"bKash",
|
||||
"Nagad",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-fashionable-shirt-wearing-floral-wreath_23-2148931625.jpg",
|
||||
imageAlt: "Portrait man in fashionable shirt wearing floral wreath",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Global Shipping",
|
||||
tags: [
|
||||
"Fast",
|
||||
"Safe",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-performer-suit-posing-with-arms-up_23-2148417944.jpg?_wi=2",
|
||||
imageAlt: "Portrait man in fashionable shirt wearing floral wreath",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Premium Quality",
|
||||
tags: [
|
||||
"Luxury",
|
||||
"Craft",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-elegant-gray-pocket-square-patterned-blazer_181624-59723.jpg?_wi=2",
|
||||
imageAlt: "Portrait man in fashionable shirt wearing floral wreath",
|
||||
},
|
||||
{ id: "f1", title: "Secure Payments", tags: ["bKash", "Nagad"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-fashionable-shirt-wearing-floral-wreath_23-2148931625.jpg" },
|
||||
{ id: "f2", title: "Global Shipping", tags: ["Fast", "Safe"], imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-performer-suit-posing-with-arms-up_23-2148417944.jpg" },
|
||||
{ id: "f3", title: "Premium Quality", tags: ["Luxury", "Craft"], imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-elegant-gray-pocket-square-patterned-blazer_181624-59723.jpg" }
|
||||
]}
|
||||
title="Why Choose Inshaallah"
|
||||
description="Excellence in every thread."
|
||||
@@ -229,27 +112,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2000+",
|
||||
title: "Happy Clients",
|
||||
description: "Worldwide",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
title: "Collections",
|
||||
description: "Launched",
|
||||
icon: Layers,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
description: "Rate",
|
||||
icon: Heart,
|
||||
},
|
||||
{ id: "m1", value: "2000+", title: "Happy Clients", description: "Worldwide", icon: Star },
|
||||
{ id: "m2", value: "150+", title: "Collections", description: "Launched", icon: Layers },
|
||||
{ id: "m3", value: "99%", title: "Satisfaction", description: "Rate", icon: Heart }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Measured in style and satisfaction."
|
||||
@@ -258,44 +123,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Adnan Khan",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "The quality is simply unmatched. Best tailoring I've encountered in Bangladesh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2616.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rahim Ahmed",
|
||||
role: "Architect",
|
||||
testimonial: "Love the premium feel of the fabrics. Truly an elite collection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lady-stylish-outfit-looks-with-proud-her-clothing-samples_197531-24018.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Samiul Islam",
|
||||
role: "Banker",
|
||||
testimonial: "Seamless shopping experience with bKash integration. Fast delivery too.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-african-american-girl-with-colored-shopping-bags-walking-outdoor-stylish-black-woman-shopping_627829-3111.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tanvir H.",
|
||||
role: "Consultant",
|
||||
testimonial: "Inshaallah sets the gold standard for men's fashion in the region.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-brunette-woman-black-sits-windowsill-evening-with-glass-looking-away-through-glasses_197531-32087.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rafiq Uddin",
|
||||
role: "Designer",
|
||||
testimonial: "Sophisticated, modern, and perfectly fitted every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-with-happy-women_23-2147705117.jpg",
|
||||
},
|
||||
{ id: "1", name: "Adnan Khan", role: "Entrepreneur", testimonial: "The quality is simply unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2616.jpg" },
|
||||
{ id: "2", name: "Rahim Ahmed", role: "Architect", testimonial: "Love the premium feel of the fabrics.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lady-stylish-outfit-looks-with-proud-her-clothing-samples_197531-24018.jpg" },
|
||||
{ id: "3", name: "Samiul Islam", role: "Banker", testimonial: "Seamless shopping experience.", imageSrc: "http://img.b2bpic.net/free-photo/casual-african-american-girl-with-colored-shopping-bags-walking-outdoor-stylish-black-woman-shopping_627829-3111.jpg" },
|
||||
{ id: "4", name: "Tanvir H.", role: "Consultant", testimonial: "Sets the gold standard.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-brunette-woman-black-sits-windowsill-evening-with-glass-looking-away-through-glasses_197531-32087.jpg" },
|
||||
{ id: "5", name: "Rafiq Uddin", role: "Designer", testimonial: "Perfectly fitted every time.", imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-with-happy-women_23-2147705117.jpg" }
|
||||
]}
|
||||
title="Voice of Gentlemen"
|
||||
description="What our clients say about the Inshaallah experience."
|
||||
@@ -307,21 +143,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept bKash?",
|
||||
content: "Yes, we fully support bKash and Nagad payments for your convenience.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How is shipping calculated?",
|
||||
content: "Shipping is calculated based on your location at checkout.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I return items?",
|
||||
content: "Yes, we offer a hassle-free return policy within 7 days.",
|
||||
},
|
||||
{ id: "q1", title: "Do you accept bKash?", content: "Yes, we support bKash." },
|
||||
{ id: "q2", title: "How is shipping calculated?", content: "Calculated at checkout." },
|
||||
{ id: "q3", title: "Can I return items?", content: "7 day returns." }
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Your questions, answered."
|
||||
@@ -332,63 +156,25 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Stay Updated"
|
||||
title="Join the Elite"
|
||||
description="Subscribe to receive early access to new collections and exclusive discounts."
|
||||
description="Subscribe to receive early access."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "New Arrivals", href: "#products" }, { label: "Best Sellers", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Shipping", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Inshaallah. All rights reserved."
|
||||
bottomLeftText="© 2024 Inshaallah."
|
||||
bottomRightText="Luxury Men's Fashion"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user