Merge version_1 into main #2
301
src/app/page.tsx
301
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { CheckCircle } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
@@ -31,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="Ahmad Ullrobai"
|
||||
/>
|
||||
@@ -58,68 +47,28 @@ export default function LandingPage() {
|
||||
description="Discover Ahmad Ullrobai's collection of artisanal handbags, blending traditional craftsmanship with modern luxury."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahstyle",
|
||||
testimonial: "The leather quality is simply unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916677.jpg?_wi=1",
|
||||
imageAlt: "luxury leather handbag boutique storefront",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@sarahstyle", testimonial: "The leather quality is simply unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916677.jpg", imageAlt: "luxury leather handbag boutique storefront"},
|
||||
{
|
||||
name: "James Chen",
|
||||
handle: "@jc_fashion",
|
||||
testimonial: "A true piece of art for my partner.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tying-threads-workshop_1098-13432.jpg",
|
||||
imageAlt: "luxury leather handbag boutique storefront",
|
||||
},
|
||||
name: "James Chen", handle: "@jc_fashion", testimonial: "A true piece of art for my partner.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tying-threads-workshop_1098-13432.jpg", imageAlt: "luxury leather handbag boutique storefront"},
|
||||
{
|
||||
name: "Elena Rossi",
|
||||
handle: "@rossistyle",
|
||||
testimonial: "I love the subtle details on my bag.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg?_wi=1",
|
||||
imageAlt: "luxury leather handbag boutique storefront",
|
||||
},
|
||||
name: "Elena Rossi", handle: "@rossistyle", testimonial: "I love the subtle details on my bag.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg", imageAlt: "luxury leather handbag boutique storefront"},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne_lux",
|
||||
testimonial: "Exquisite construction and stunning design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-camera-bag-nature_23-2148192737.jpg?_wi=1",
|
||||
imageAlt: "luxury leather handbag boutique storefront",
|
||||
},
|
||||
name: "Marcus Thorne", handle: "@mthorne_lux", testimonial: "Exquisite construction and stunning design.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-camera-bag-nature_23-2148192737.jpg", imageAlt: "luxury leather handbag boutique storefront"},
|
||||
{
|
||||
name: "Sophia Bennett",
|
||||
handle: "@sophia_b",
|
||||
testimonial: "Absolutely obsessed with my new satchel.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-bag-hanging_52683-151481.jpg?_wi=1",
|
||||
imageAlt: "luxury leather handbag boutique storefront",
|
||||
},
|
||||
name: "Sophia Bennett", handle: "@sophia_b", testimonial: "Absolutely obsessed with my new satchel.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-bag-hanging_52683-151481.jpg", imageAlt: "luxury leather handbag boutique storefront"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916677.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916677.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525695.jpg",
|
||||
alt: "Portrait of Sarah Miller",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-walking_23-2147996548.jpg",
|
||||
alt: "Portrait of James Chen",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/picture-young-lovely-caucasian-female-with-dark-hair-gold-dress-gold-shoes-shows-different-stands-near-beautiful-building_132075-8951.jpg",
|
||||
alt: "Portrait of Elena Rossi",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-shopping-bags-cool-pose_23-2147645168.jpg",
|
||||
alt: "Portrait of Marcus Thorne",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-walking-out-doors-some-cafe_1303-27884.jpg",
|
||||
alt: "Portrait of Sophia Bennett",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525695.jpg", alt: "Portrait of Sarah Miller" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-walking_23-2147996548.jpg", alt: "Portrait of James Chen" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/picture-young-lovely-caucasian-female-with-dark-hair-gold-dress-gold-shoes-shows-different-stands-near-beautiful-building_132075-8951.jpg", alt: "Portrait of Elena Rossi" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-shopping-bags-cool-pose_23-2147645168.jpg", alt: "Portrait of Marcus Thorne" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-woman-walking-out-doors-some-cafe_1303-27884.jpg", alt: "Portrait of Sophia Bennett" },
|
||||
]}
|
||||
avatarText="Loved by fashion enthusiasts worldwide"
|
||||
/>
|
||||
@@ -129,7 +78,6 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Artisan Craftsmanship"
|
||||
description="At Ahmad Ullrobai, every piece is hand-selected and crafted with centuries-old techniques. We believe that true luxury is not just in the aesthetic, but in the enduring quality of every seam, buckle, and fold of our premium materials. Our workshop is a sanctuary where heritage meets the modern wardrobe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -139,46 +87,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Tote",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Urban Crossbody",
|
||||
price: "$280",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-camera-bag-nature_23-2148192737.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Signature Satchel",
|
||||
price: "$520",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-bag-hanging_52683-151481.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Minimalist Clutch",
|
||||
price: "$190",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-details-accessories-elegant-woman-dressed-blue-suit_285396-7924.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Essential Bucket",
|
||||
price: "$340",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916670.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Evening Elegance",
|
||||
price: "$390",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cardboard-organic-dinnerware_23-2149542142.jpg",
|
||||
},
|
||||
]}
|
||||
title="The Collection"
|
||||
description="Exquisite handbags designed for the sophisticated individual."
|
||||
products={[
|
||||
{ id: "p1", name: "Classic Tote", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg" },
|
||||
{ id: "p2", name: "Urban Crossbody", price: "$280", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-camera-bag-nature_23-2148192737.jpg" },
|
||||
{ id: "p3", name: "Signature Satchel", price: "$520", imageSrc: "http://img.b2bpic.net/free-photo/still-life-bag-hanging_52683-151481.jpg" },
|
||||
{ id: "p4", name: "Minimalist Clutch", price: "$190", imageSrc: "http://img.b2bpic.net/free-photo/fashion-details-accessories-elegant-woman-dressed-blue-suit_285396-7924.jpg" },
|
||||
{ id: "p5", name: "Essential Bucket", price: "$340", imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916670.jpg" },
|
||||
{ id: "p6", name: "Evening Elegance", price: "$390", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cardboard-organic-dinnerware_23-2149542142.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -187,31 +105,19 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Finest Materials",
|
||||
description: "Sourced from the best tanneries.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-artisan-holding-tools_23-2150104789.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Genuine full-grain leather",
|
||||
},
|
||||
{
|
||||
text: "Sustainable sourced",
|
||||
},
|
||||
{
|
||||
text: "Long-lasting durability",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916677.jpg?_wi=3",
|
||||
imageAlt: "artisan leather quality detail close-up",
|
||||
},
|
||||
]}
|
||||
title="Handcrafted Excellence"
|
||||
description="Every bag tells a story of precision and passion."
|
||||
features={[
|
||||
{
|
||||
title: "Finest Materials", description: "Sourced from the best tanneries.", media: { imageSrc: "http://img.b2bpic.net/free-photo/back-view-artisan-holding-tools_23-2150104789.jpg" },
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Genuine full-grain leather" },
|
||||
{ icon: CheckCircle, text: "Sustainable sourced" },
|
||||
{ icon: CheckCircle, text: "Long-lasting durability" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -221,21 +127,9 @@ export default function LandingPage() {
|
||||
title="By the Numbers"
|
||||
tag="Quality Assured"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Bags Handcrafted",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
description: "Years of Expertise",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
{ id: "m1", value: "100+", description: "Bags Handcrafted" },
|
||||
{ id: "m2", value: "15+", description: "Years of Expertise" },
|
||||
{ id: "m3", value: "5k+", description: "Happy Clients" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -246,70 +140,28 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amina",
|
||||
handle: "@amina",
|
||||
testimonial: "Beautiful work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-beige-coat-walking-city_1303-27206.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Zaid",
|
||||
handle: "@zaid",
|
||||
testimonial: "Truly elegant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-romatic-mood-smiling-happiness-sitting-table-wearing-pink-jacket-stylish-apparel-waiting-boyfriend-date-cafe-drinking-cappuccino-exited-face-expression_285396-4263.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Leila",
|
||||
handle: "@leila",
|
||||
testimonial: "Excellent quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660680.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Omar",
|
||||
handle: "@omar",
|
||||
testimonial: "So sophisticated.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-bag-friend_23-2147950284.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sara",
|
||||
handle: "@sara",
|
||||
testimonial: "My favorite store.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23081.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Read stories from those who carry our legacy."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Amina", handle: "@amina", testimonial: "Beautiful work.", imageSrc: "http://img.b2bpic.net/free-photo/woman-beige-coat-walking-city_1303-27206.jpg" },
|
||||
{ id: "t2", name: "Zaid", handle: "@zaid", testimonial: "Truly elegant.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-romatic-mood-smiling-happiness-sitting-table-wearing-pink-jacket-stylish-apparel-waiting-boyfriend-date-cafe-drinking-cappuccino-exited-face-expression_285396-4263.jpg" },
|
||||
{ id: "t3", name: "Leila", handle: "@leila", testimonial: "Excellent quality.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660680.jpg" },
|
||||
{ id: "t4", name: "Omar", handle: "@omar", testimonial: "So sophisticated.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-bag-friend_23-2147950284.jpg" },
|
||||
{ id: "t5", name: "Sara", handle: "@sara", testimonial: "My favorite store.", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23081.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Yes, we ship globally.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the leather sustainable?",
|
||||
content: "We prioritize ethical sourcing.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I custom order?",
|
||||
content: "Yes, we offer bespoke options.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you ship worldwide?", content: "Yes, we ship globally." },
|
||||
{ id: "f2", title: "Is the leather sustainable?", content: "We prioritize ethical sourcing." },
|
||||
{ id: "f3", title: "Can I custom order?", content: "Yes, we offer bespoke options." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -319,21 +171,10 @@ export default function LandingPage() {
|
||||
title="Reach Out to Us"
|
||||
description="Have questions about our collections? We're here to help."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your Message" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722595.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -343,29 +184,15 @@ export default function LandingPage() {
|
||||
logoText="Ahmad Ullrobai"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
title: "Shop", items: [
|
||||
{ label: "Collection", href: "#products" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user