Merge version_1 into main #2
348
src/app/page.tsx
348
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="YUMI Batumi"
|
||||
/>
|
||||
@@ -58,99 +43,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Experience the Essence of K-Beauty in Batumi"
|
||||
description="Authentic, high-performance Korean skincare curated for your unique skin journey. Discover the glow."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Mariam D.",
|
||||
handle: "@mariam.batumi",
|
||||
testimonial: "Finally, authentic products in Batumi! My skin has never looked better.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-blushes_23-2149030355.jpg?_wi=1",
|
||||
imageAlt: "korean skincare minimal setup",
|
||||
},
|
||||
{
|
||||
name: "Elena K.",
|
||||
handle: "@elena.korea",
|
||||
testimonial: "Excellent selection and the consultation helped me find exactly what I needed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-young-blonde-girl-laughs-powders-her-nose-while-sitting-table-indoors-cosmetics-makeup-finishing-brush_197531-31479.jpg?_wi=1",
|
||||
imageAlt: "korean skincare minimal setup",
|
||||
},
|
||||
{
|
||||
name: "Sophie L.",
|
||||
handle: "@sophie.beauty",
|
||||
testimonial: "Fast delivery and genuine products. Highly recommend YUMI.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-cotton-arrangement-top-view_23-2149357125.jpg?_wi=1",
|
||||
imageAlt: "korean skincare minimal setup",
|
||||
},
|
||||
{
|
||||
name: "Giorgi B.",
|
||||
handle: "@giorgi.care",
|
||||
testimonial: "The best place to buy skincare for men too. Great service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fair-skinned-young-blonde-women-are-testing-new-facial-serum-while-sitting-table-indoors-cosmetic-procedures-concept_197531-31462.jpg?_wi=1",
|
||||
imageAlt: "korean skincare minimal setup",
|
||||
},
|
||||
{
|
||||
name: "Nino G.",
|
||||
handle: "@nino.nino",
|
||||
testimonial: "So happy they opened in Batumi. My routine is complete.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-with-delivery-food-dessert-yellow-wall_179666-35196.jpg?_wi=1",
|
||||
imageAlt: "korean skincare minimal setup",
|
||||
},
|
||||
{ name: "Mariam D.", handle: "@mariam.batumi", testimonial: "Finally, authentic products in Batumi! My skin has never looked better.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-blushes_23-2149030355.jpg", imageAlt: "korean skincare minimal setup" },
|
||||
{ name: "Elena K.", handle: "@elena.korea", testimonial: "Excellent selection and the consultation helped me find exactly what I needed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-young-blonde-girl-laughs-powders-her-nose-while-sitting-table-indoors-cosmetics-makeup-finishing-brush_197531-31479.jpg", imageAlt: "korean skincare minimal setup" },
|
||||
{ name: "Sophie L.", handle: "@sophie.beauty", testimonial: "Fast delivery and genuine products. Highly recommend YUMI.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-cotton-arrangement-top-view_23-2149357125.jpg", imageAlt: "korean skincare minimal setup" },
|
||||
{ name: "Giorgi B.", handle: "@giorgi.care", testimonial: "The best place to buy skincare for men too. Great service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fair-skinned-young-blonde-women-are-testing-new-facial-serum-while-sitting-table-indoors-cosmetic-procedures-concept_197531-31462.jpg", imageAlt: "korean skincare minimal setup" },
|
||||
{ name: "Nino G.", handle: "@nino.nino", testimonial: "So happy they opened in Batumi. My routine is complete.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-with-delivery-food-dessert-yellow-wall_179666-35196.jpg", imageAlt: "korean skincare minimal setup" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/make-up-concept-with-blushes_23-2149030355.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/make-up-concept-with-blushes_23-2149030355.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/make-up-concept-with-golden-plant_23-2149030352.jpg",
|
||||
alt: "Customer profile one",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/make-up-concept-with-container-plant_23-2149030350.jpg",
|
||||
alt: "Customer profile two",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/make-up-concept-with-lipstick_23-2149030357.jpg",
|
||||
alt: "Customer profile three",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-frame-with-facial-beauty-products-copy-space_23-2148299562.jpg",
|
||||
alt: "Customer profile four",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535702.jpg",
|
||||
alt: "Customer profile five",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/make-up-concept-with-golden-plant_23-2149030352.jpg", alt: "Customer profile one" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/make-up-concept-with-container-plant_23-2149030350.jpg", alt: "Customer profile two" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/make-up-concept-with-lipstick_23-2149030357.jpg", alt: "Customer profile three" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-frame-with-facial-beauty-products-copy-space_23-2148299562.jpg", alt: "Customer profile four" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535702.jpg", alt: "Customer profile five" }
|
||||
]}
|
||||
avatarText="Trusted by 1000+ local beauty enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cruelty-Free",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Authentic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Direct from Korea",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Consultations",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Batumi Delivery",
|
||||
},
|
||||
{ type: "text", text: "Cruelty-Free" },
|
||||
{ type: "text", text: "100% Authentic" },
|
||||
{ type: "text", text: "Direct from Korea" },
|
||||
{ type: "text", text: "Expert Consultations" },
|
||||
{ type: "text", text: "Fast Batumi Delivery" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,20 +79,11 @@ export default function LandingPage() {
|
||||
title="Our Passion for Skincare"
|
||||
description="At YUMI Batumi, we bridge the gap between K-beauty innovation and Georgian skincare enthusiasts. We hand-select brands that define skin health and radiance."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Products Curated",
|
||||
},
|
||||
{
|
||||
value: "12+",
|
||||
title: "Authorized Brands",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Authenticity Guaranteed",
|
||||
},
|
||||
{ value: "500+", title: "Products Curated" },
|
||||
{ value: "12+", title: "Authorized Brands" },
|
||||
{ value: "100%", title: "Authenticity Guaranteed" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cute-caucasian-young-blonde-girl-laughs-powders-her-nose-while-sitting-table-indoors-cosmetics-makeup-finishing-brush_197531-31479.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cute-caucasian-young-blonde-girl-laughs-powders-her-nose-while-sitting-table-indoors-cosmetics-makeup-finishing-brush_197531-31479.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -186,27 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Genuine Quality",
|
||||
author: "Direct from Korea",
|
||||
description: "100% authentic products imported directly from leading South Korean labs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-cotton-arrangement-top-view_23-2149357125.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Personalized Consult",
|
||||
author: "Skin Experts",
|
||||
description: "Need advice? Our experts analyze your skin needs and recommend the perfect regimen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fair-skinned-young-blonde-women-are-testing-new-facial-serum-while-sitting-table-indoors-cosmetic-procedures-concept_197531-31462.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Rapid Local Shipping",
|
||||
author: "Fast Delivery",
|
||||
description: "Receive your products in Batumi with our reliable, fast local courier service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-with-delivery-food-dessert-yellow-wall_179666-35196.jpg?_wi=2",
|
||||
},
|
||||
{ id: "f1", title: "Genuine Quality", author: "Direct from Korea", description: "100% authentic products imported directly from leading South Korean labs.", imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-cotton-arrangement-top-view_23-2149357125.jpg", tags: ["Quality"] },
|
||||
{ id: "f2", title: "Personalized Consult", author: "Skin Experts", description: "Need advice? Our experts analyze your skin needs and recommend the perfect regimen.", imageSrc: "http://img.b2bpic.net/free-photo/fair-skinned-young-blonde-women-are-testing-new-facial-serum-while-sitting-table-indoors-cosmetic-procedures-concept_197531-31462.jpg", tags: ["Expertise"] },
|
||||
{ id: "f3", title: "Rapid Local Shipping", author: "Fast Delivery", description: "Receive your products in Batumi with our reliable, fast local courier service.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-with-delivery-food-dessert-yellow-wall_179666-35196.jpg", tags: ["Fast"] }
|
||||
]}
|
||||
title="Why Choose YUMI?"
|
||||
description="Excellence in skincare delivery and customer support."
|
||||
@@ -220,42 +111,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Hydrating Serum",
|
||||
price: "75 GEL",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-body-butter-essential-oil-bottle_23-2148305501.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Brightening Toner",
|
||||
price: "55 GEL",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-products-recipients-arrangement-beige-stones_23-2148761388.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Snail Mucin Cream",
|
||||
price: "85 GEL",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jar-cream_23-2147803534.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Sunscreen Gel SPF50",
|
||||
price: "60 GEL",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunscreen-beach-essentials_23-2151992848.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Aloe Calming Mask",
|
||||
price: "15 GEL",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-pink-bathrobe-after-shower-talking-phone-light-blue-wall-beauty-water-selfcare-shower-clean_140725-65453.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cica Repair Balm",
|
||||
price: "95 GEL",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-beauty-treatment-arrangement_23-2148963296.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Hydrating Serum", price: "75 GEL", imageSrc: "http://img.b2bpic.net/free-photo/top-view-body-butter-essential-oil-bottle_23-2148305501.jpg" },
|
||||
{ id: "p2", name: "Brightening Toner", price: "55 GEL", imageSrc: "http://img.b2bpic.net/free-photo/beauty-products-recipients-arrangement-beige-stones_23-2148761388.jpg" },
|
||||
{ id: "p3", name: "Snail Mucin Cream", price: "85 GEL", imageSrc: "http://img.b2bpic.net/free-photo/jar-cream_23-2147803534.jpg" },
|
||||
{ id: "p4", name: "Sunscreen Gel SPF50", price: "60 GEL", imageSrc: "http://img.b2bpic.net/free-photo/sunscreen-beach-essentials_23-2151992848.jpg" },
|
||||
{ id: "p5", name: "Aloe Calming Mask", price: "15 GEL", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-pink-bathrobe-after-shower-talking-phone-light-blue-wall-beauty-water-selfcare-shower-clean_140725-65453.jpg" },
|
||||
{ id: "p6", name: "Cica Repair Balm", price: "95 GEL", imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-beauty-treatment-arrangement_23-2148963296.jpg" }
|
||||
]}
|
||||
title="Top Picks for You"
|
||||
description="Discover our most loved products for hydration, brightening, and rejuvenation."
|
||||
@@ -268,60 +129,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
role: "Designer",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535702.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael",
|
||||
role: "Architect",
|
||||
company: "Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-beautiful-makeup_23-2149640935.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily",
|
||||
role: "Teacher",
|
||||
company: "Academy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-outdoors_23-2148926749.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David",
|
||||
role: "Developer",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-nude_23-2149393836.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna",
|
||||
role: "Nurse",
|
||||
company: "Clinic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-sunlight_23-2151992835.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah", role: "Designer", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535702.jpg" },
|
||||
{ id: "t2", name: "Michael", role: "Architect", company: "Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-beautiful-makeup_23-2149640935.jpg" },
|
||||
{ id: "t3", name: "Emily", role: "Teacher", company: "Academy", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-outdoors_23-2148926749.jpg" },
|
||||
{ id: "t4", name: "David", role: "Developer", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-nude_23-2149393836.jpg" },
|
||||
{ id: "t5", name: "Anna", role: "Nurse", company: "Clinic", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-sunlight_23-2151992835.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "1k+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Original",
|
||||
},
|
||||
{ value: "4.9", label: "Avg Rating" },
|
||||
{ value: "1k+", label: "Happy Clients" },
|
||||
{ value: "100%", label: "Original" }
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Hear what our amazing community in Batumi says about us."
|
||||
@@ -333,13 +150,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"COSRX",
|
||||
"Innisfree",
|
||||
"Laneige",
|
||||
"Missha",
|
||||
"Etude House",
|
||||
"Sulwhasoo",
|
||||
"Some By Mi",
|
||||
"COSRX", "Innisfree", "Laneige", "Missha", "Etude House", "Sulwhasoo", "Some By Mi"
|
||||
]}
|
||||
title="Trusted Brands"
|
||||
description="Featuring the best-in-class skincare brands from Korea."
|
||||
@@ -351,21 +162,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are products original?",
|
||||
content: "Yes, we guarantee all items are authentic and imported from Korea.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you deliver in Batumi?",
|
||||
content: "Yes, we offer same-day and next-day delivery across the city.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How to get a consultation?",
|
||||
content: "Visit us in-store or contact us via WhatsApp for an online skin analysis.",
|
||||
},
|
||||
{ id: "q1", title: "Are products original?", content: "Yes, we guarantee all items are authentic and imported from Korea." },
|
||||
{ id: "q2", title: "Do you deliver in Batumi?", content: "Yes, we offer same-day and next-day delivery across the city." },
|
||||
{ id: "q3", title: "How to get a consultation?", content: "Visit us in-store or contact us via WhatsApp for an online skin analysis." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166446.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -378,63 +177,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Ready for your best skin?"
|
||||
description="Visit us in Batumi or send us a message for personalized guidance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact via WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact via WhatsApp", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Consultations",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Products", items: [{ label: "Shop All", href: "#products" }, { label: "Consultations", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
logoText="YUMI"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user