Merge version_2 into main #2

Merged
bender merged 1 commits from version_2 into main 2026-04-17 04:46:07 +00:00

View File

@@ -10,7 +10,6 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
export default function LandingPage() {
@@ -71,6 +70,8 @@ export default function LandingPage() {
{ id: "f1", title: "Hydration Focus", description: "Deep nourishment for all skin types.", tag: "Hydrate" },
{ id: "f2", title: "Anti-Aging", description: "Potent antioxidants for firmness.", tag: "Refine" }
]}
textboxLayout="split"
useInvertedBackground={true}
/>
</div>
@@ -79,11 +80,13 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
title="Featured Skincare"
description="Top-rated products for your daily routine."
textboxLayout="split-description"
useInvertedBackground={true}
products={[
{ id: "1", name: "Vitamin C Serum", price: "$45", variant: "30ml", imageSrc: "https://img.b2bpic.net/free-photo/beauty-products-collection-with-copy-space_23-2147775986.jpg" },
{ id: "2", name: "Hydrating Moisturizer", price: "$38", variant: "50ml", imageSrc: "https://img.b2bpic.net/free-photo/cream-jar-cosmetics-with-bottle-skincare_23-2148769315.jpg" }
{ id: "2", name: "Hydrating Moisturizer", price: "$38", variant: "50ml", imageSrc: "https://img.b2bpic.net/free-photo/cream-jar-cosmetics-with-bottle-skincare_23-2148769315.jpg" },
{ id: "3", name: "Face Oil", price: "$55", variant: "30ml", imageSrc: "https://img.b2bpic.net/free-photo/beauty-products-collection-with-copy-space_23-2147775986.jpg" }
]}
/>
</div>
@@ -92,10 +95,12 @@ export default function LandingPage() {
<PricingCardFive
animationType="slide-up"
title="Skincare Routines"
description="Choose the perfect plan for your skin needs."
textboxLayout="split"
useInvertedBackground={false}
plans={[
{ id: "basic", tag: "Starter", price: "$60", period: "/mo", description: "Basic cleansing and moisturizing.", button: { text: "Select" }, featuresTitle: "Includes:", features: ["Cleanser", "Moisturizer"] }
{ id: "basic", tag: "Starter", price: "$60", period: "/mo", description: "Basic cleansing and moisturizing.", button: { text: "Select" }, featuresTitle: "Includes:", features: ["Cleanser", "Moisturizer"] },
{ id: "pro", tag: "Pro", price: "$120", period: "/mo", description: "Advanced care for glowing skin.", button: { text: "Select" }, featuresTitle: "Includes:", features: ["Cleanser", "Moisturizer", "Serum", "Face Oil"] }
]}
/>
</div>
@@ -108,15 +113,17 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
kpiItems={[{ value: "5k+", label: "Reviews" }, { value: "4.9", label: "Rating" }, { value: "98%", label: "Retention" }]}
testimonials={[{ id: "t1", name: "Jane Doe", role: "Artist", company: "Self-Employed", rating: 5, testimonial: "My skin feels revitalized." }]}
testimonials={[{ id: "t1", name: "Jane Doe", role: "Artist", company: "Self-Employed", rating: 5 }, { id: "t2", name: "John Smith", role: "Designer", company: "Agency", rating: 5 }]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
title="Frequently Asked"
description="Got questions? We have answers."
textboxLayout="split"
faqsAnimation="slide-up"
useInvertedBackground={true}
faqs={[{ id: "q1", title: "Are products vegan?", content: "Yes, 100% plant-based." }]}
/>
</div>