Merge version_1 into main #3
284
src/app/page.tsx
284
src/app/page.tsx
@@ -26,183 +26,127 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Gallery", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Gigiri Craft Center"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Gallery", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Gigiri Craft Center"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Authentic Craftsmanship from Gigiri"
|
||||
description="Discover a curated collection of handmade treasures that celebrate tradition, creativity, and the human touch."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jane W.", handle: "@jane_w", testimonial: "The most beautiful pottery I've found in Nairobi. Truly unique.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg"},
|
||||
{
|
||||
name: "David M.", handle: "@davidm", testimonial: "Amazing craftsmanship and a wonderful community experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg"},
|
||||
{
|
||||
name: "Elena K.", handle: "@elenak", testimonial: "Found the perfect decor for my home here. Love the local soul.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-day-day-activity-while-waring-string-finger-remember-something-important_23-2151062274.jpg"},
|
||||
{
|
||||
name: "Samuel O.", handle: "@samuel", testimonial: "Excellent quality and truly original artisanal goods.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-african-american-man-spending-time-shop-smiling-man-standing-near-hangers-with-male-clothes-having-free-time-looking-camera-leisure-activity-fashion-shopping-concept_74855-21489.jpg"},
|
||||
{
|
||||
name: "Linda M.", handle: "@lindam", testimonial: "A wonderful hidden gem for unique home decor.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-women-toasting_23-2147680737.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tools-dried-bunch_23-2147697839.jpg"
|
||||
imageAlt="Handmade artisan crafts"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", alt: "Customer portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg", alt: "Customer portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg", alt: "Customer portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg", alt: "Customer portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Customer portrait 5"},
|
||||
],
|
||||
avatarText="Join 5k+ happy customers"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Authentic Craftsmanship from Gigiri"
|
||||
description="Discover a curated collection of handmade treasures that celebrate tradition, creativity, and the human touch."
|
||||
testimonials={[
|
||||
{ name: "Jane W.", handle: "@jane_w", testimonial: "The most beautiful pottery I've found in Nairobi. Truly unique.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg" },
|
||||
{ name: "David M.", handle: "@davidm", testimonial: "Amazing craftsmanship and a wonderful community experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg" },
|
||||
{ name: "Elena K.", handle: "@elenak", testimonial: "Found the perfect decor for my home here. Love the local soul.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-doing-day-day-activity-while-waring-string-finger-remember-something-important_23-2151062274.jpg" },
|
||||
{ name: "Samuel O.", handle: "@samuel", testimonial: "Excellent quality and truly original artisanal goods.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-african-american-man-spending-time-shop-smiling-man-standing-near-hangers-with-male-clothes-having-free-time-looking-camera-leisure-activity-fashion-shopping-concept_74855-21489.jpg" },
|
||||
{ name: "Linda M.", handle: "@lindam", testimonial: "A wonderful hidden gem for unique home decor.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-women-toasting_23-2147680737.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tools-dried-bunch_23-2147697839.jpg"
|
||||
imageAlt="Handmade artisan crafts"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", alt: "Customer portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg", alt: "Customer portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg", alt: "Customer portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg", alt: "Customer portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Customer portrait 5" }
|
||||
]}
|
||||
avatarText="Join 5k+ happy customers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "The Heart of Gigiri Artisans"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/male-sculptor-working-with-clay-studio_23-2149986320.jpg", alt: "Artisans at work"},
|
||||
{
|
||||
type: "text", content: "Gigiri Craft Center is dedicated to supporting local makers by providing a space where tradition meets modern aesthetic. Every piece tells a story of skill, patience, and creativity."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "The Heart of Gigiri Artisans" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/male-sculptor-working-with-clay-studio_23-2149986320.jpg", alt: "Artisans at work" },
|
||||
{ type: "text", content: "Gigiri Craft Center is dedicated to supporting local makers by providing a space where tradition meets modern aesthetic. Every piece tells a story of skill, patience, and creativity." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Ceramic Vase", price: "$45", variant: "Hand-painted", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150197292.jpg"},
|
||||
{
|
||||
id: "p2", name: "Woven Basket", price: "$30", variant: "Natural Fiber", imageSrc: "http://img.b2bpic.net/free-photo/fabric-textured-background_53876-17968.jpg"},
|
||||
{
|
||||
id: "p3", name: "Wooden Bowl", price: "$55", variant: "Solid Wood", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-various-kinds-wooden-chopping-boards-standing-colorful-surface_140725-95028.jpg"},
|
||||
{
|
||||
id: "p4", name: "Table Runner", price: "$40", variant: "Cotton/Linen", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-using-ouija-board-tool_23-2149486489.jpg"},
|
||||
{
|
||||
id: "p5", name: "Ceramic Mug", price: "$25", variant: "Glazed Clay", imageSrc: "http://img.b2bpic.net/free-photo/still-life-details-interior_169016-3422.jpg"},
|
||||
{
|
||||
id: "p6", name: "Wall Art", price: "$85", variant: "Textile Art", imageSrc: "http://img.b2bpic.net/free-photo/boho-macrame-arrangement-indoors_23-2149072892.jpg"},
|
||||
]}
|
||||
title="Handcrafted Collection"
|
||||
description="Browse our curated selection of fine handmade goods."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Ceramic Vase", price: "$45", variant: "Hand-painted", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150197292.jpg" },
|
||||
{ id: "p2", name: "Woven Basket", price: "$30", variant: "Natural Fiber", imageSrc: "http://img.b2bpic.net/free-photo/fabric-textured-background_53876-17968.jpg" },
|
||||
{ id: "p3", name: "Wooden Bowl", price: "$55", variant: "Solid Wood", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-various-kinds-wooden-chopping-boards-standing-colorful-surface_140725-95028.jpg" },
|
||||
{ id: "p4", name: "Table Runner", price: "$40", variant: "Cotton/Linen", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-using-ouija-board-tool_23-2149486489.jpg" },
|
||||
{ id: "p5", name: "Ceramic Mug", price: "$25", variant: "Glazed Clay", imageSrc: "http://img.b2bpic.net/free-photo/still-life-details-interior_169016-3422.jpg" },
|
||||
{ id: "p6", name: "Wall Art", price: "$85", variant: "Textile Art", imageSrc: "http://img.b2bpic.net/free-photo/boho-macrame-arrangement-indoors_23-2149072892.jpg" }
|
||||
]}
|
||||
title="Handcrafted Collection"
|
||||
description="Browse our curated selection of fine handmade goods."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "150+", description: "Local Artisans Supported"},
|
||||
{
|
||||
id: "m2", value: "12+", description: "Years of Excellence"},
|
||||
{
|
||||
id: "m3", value: "5k+", description: "Happy Customers Served"},
|
||||
]}
|
||||
title="Supporting Local Talent"
|
||||
description="Our impact in the Gigiri community."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "150+", description: "Local Artisans Supported" },
|
||||
{ id: "m2", value: "12+", description: "Years of Excellence" },
|
||||
{ id: "m3", value: "5k+", description: "Happy Customers Served" }
|
||||
]}
|
||||
title="Supporting Local Talent"
|
||||
description="Our impact in the Gigiri community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah O.", role: "Collector", testimonial: "Simply the best collection of local crafts I've ever seen.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg"},
|
||||
{
|
||||
id: "t2", name: "James K.", role: "Visitor", testimonial: "I love the warm atmosphere and the unique treasures.", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg"},
|
||||
{
|
||||
id: "t3", name: "Amara B.", role: "Designer", testimonial: "My go-to place for unique interior pieces in Nairobi.", imageSrc: "http://img.b2bpic.net/free-photo/person-doing-day-day-activity-while-waring-string-finger-remember-something-important_23-2151062274.jpg"},
|
||||
{
|
||||
id: "t4", name: "Robert L.", role: "Local Resident", testimonial: "The quality of work here is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-african-american-man-spending-time-shop-smiling-man-standing-near-hangers-with-male-clothes-having-free-time-looking-camera-leisure-activity-fashion-shopping-concept_74855-21489.jpg"},
|
||||
{
|
||||
id: "t5", name: "Linda M.", role: "Tourist", testimonial: "Found the perfect gift to take home. Authentic and special.", imageSrc: "http://img.b2bpic.net/free-photo/two-women-toasting_23-2147680737.jpg"},
|
||||
]}
|
||||
title="Voices from the Community"
|
||||
description="Hear what our visitors and makers say about us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah O.", role: "Collector", testimonial: "Simply the best collection of local crafts I've ever seen.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg" },
|
||||
{ id: "t2", name: "James K.", role: "Visitor", testimonial: "I love the warm atmosphere and the unique treasures.", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg" },
|
||||
{ id: "t3", name: "Amara B.", role: "Designer", testimonial: "My go-to place for unique interior pieces in Nairobi.", imageSrc: "http://img.b2bpic.net/free-photo/person-doing-day-day-activity-while-waring-string-finger-remember-something-important_23-2151062274.jpg" },
|
||||
{ id: "t4", name: "Robert L.", role: "Local Resident", testimonial: "The quality of work here is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-african-american-man-spending-time-shop-smiling-man-standing-near-hangers-with-male-clothes-having-free-time-looking-camera-leisure-activity-fashion-shopping-concept_74855-21489.jpg" },
|
||||
{ id: "t5", name: "Linda M.", role: "Tourist", testimonial: "Found the perfect gift to take home. Authentic and special.", imageSrc: "http://img.b2bpic.net/free-photo/two-women-toasting_23-2147680737.jpg" }
|
||||
]}
|
||||
title="Voices from the Community"
|
||||
description="Hear what our visitors and makers say about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Get in Touch"
|
||||
description="Stay updated on our latest collections and events."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Get in Touch"
|
||||
description="Stay updated on our latest collections and events."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Gigiri Craft Center"
|
||||
columns={[
|
||||
{
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Artisans", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "Gallery", href: "#products"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Gigiri Craft Center"
|
||||
columns={[
|
||||
{ title: "About", items: [{ label: "Our Story", href: "#about" }, { label: "Artisans", href: "#" }] },
|
||||
{ title: "Visit", items: [{ label: "Gallery", href: "#products" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user