From 36d7676a009e6cfd711d38948a17c44a21646513 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 1 May 2026 14:40:22 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 263 ++++++++--------------------------------------- 1 file changed, 42 insertions(+), 221 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index fd8e5ac..b070e97 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; -import { CheckCircle, Leaf, Recycle, Shield, Sparkles } from "lucide-react"; +import { CheckCircle, Leaf, Recycle, Shield, Sparkles, Zap, Globe } from "lucide-react"; export default function LandingPage() { return ( @@ -32,22 +32,10 @@ export default function LandingPage() { @@ -134,41 +79,11 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} features={[ - { - title: "Deep Hydration", - description: "Locks in moisture for 24-hour hydration.", - buttonIcon: "Zap", - imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-woman-white-wedding-dress-sitting-near-blue-swimming-pool-with-flowers-orchid_343596-191.jpg", - imageAlt: "luxury cream jar photography", - }, - { - title: "Organic Ingredients", - description: "100% plant-based, vegan, and cruelty-free.", - buttonIcon: "Leaf", - imageSrc: "http://img.b2bpic.net/free-photo/white-vases-books-assortment_23-2149681102.jpg?_wi=2", - imageAlt: "luxury cream jar photography", - }, - { - title: "Dermatologist Tested", - description: "Safe for even the most sensitive skin types.", - buttonIcon: "Shield", - imageSrc: "http://img.b2bpic.net/free-photo/view-make-up-foundation-products_23-2149736910.jpg?_wi=1", - imageAlt: "luxury cream jar photography", - }, - { - title: "Visible Radiance", - description: "Brightens your complexion in just 7 days.", - buttonIcon: "Sparkles", - imageSrc: "http://img.b2bpic.net/free-photo/cream-containers-composition_23-2148549142.jpg?_wi=1", - imageAlt: "luxury cream jar photography", - }, - { - title: "Ethical Sourcing", - description: "Supporting farmers and environment.", - buttonIcon: "Globe", - imageSrc: "http://img.b2bpic.net/free-photo/liquid-facial-skin-care-product-white-background-isolated_169016-26671.jpg?_wi=1", - imageAlt: "luxury cream jar photography", - }, + { title: "Deep Hydration", description: "Locks in moisture for 24-hour hydration.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-woman-white-wedding-dress-sitting-near-blue-swimming-pool-with-flowers-orchid_343596-191.jpg", imageAlt: "luxury cream jar photography" }, + { title: "Organic Ingredients", description: "100% plant-based, vegan, and cruelty-free.", buttonIcon: Leaf, imageSrc: "http://img.b2bpic.net/free-photo/white-vases-books-assortment_23-2149681102.jpg", imageAlt: "luxury cream jar photography" }, + { title: "Dermatologist Tested", description: "Safe for even the most sensitive skin types.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/view-make-up-foundation-products_23-2149736910.jpg", imageAlt: "luxury cream jar photography" }, + { title: "Visible Radiance", description: "Brightens your complexion in just 7 days.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/cream-containers-composition_23-2148549142.jpg", imageAlt: "luxury cream jar photography" }, + { title: "Ethical Sourcing", description: "Supporting farmers and environment.", buttonIcon: Globe, imageSrc: "http://img.b2bpic.net/free-photo/liquid-facial-skin-care-product-white-background-isolated_169016-26671.jpg", imageAlt: "luxury cream jar photography" }, ]} title="Why Choose Elegant Skin?" description="Our formula is crafted for results." @@ -182,66 +97,12 @@ export default function LandingPage() { gridVariant="four-items-2x2-equal-grid" useInvertedBackground={false} products={[ - { - id: "p1", - brand: "Elegant Skin", - name: "Botanical Night Cream", - price: "$45.00", - rating: 5, - reviewCount: "120", - imageSrc: "http://img.b2bpic.net/free-photo/view-make-up-foundation-products_23-2149736910.jpg?_wi=2", - imageAlt: "luxury face cream bottle", - }, - { - id: "p2", - brand: "Elegant Skin", - name: "Day Radiance Cream", - price: "$38.00", - rating: 5, - reviewCount: "95", - imageSrc: "http://img.b2bpic.net/free-photo/cream-containers-composition_23-2148549142.jpg?_wi=2", - imageAlt: "night cream jar gold", - }, - { - id: "p3", - brand: "Elegant Skin", - name: "Hydration Serum", - price: "$52.00", - rating: 4, - reviewCount: "88", - imageSrc: "http://img.b2bpic.net/free-photo/liquid-facial-skin-care-product-white-background-isolated_169016-26671.jpg?_wi=2", - imageAlt: "serum bottle dropper beige", - }, - { - id: "p4", - brand: "Elegant Skin", - name: "Softening Body Lotion", - price: "$29.00", - rating: 5, - reviewCount: "70", - imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232250.jpg", - imageAlt: "moisturizing body lotion bottle", - }, - { - id: "p5", - brand: "Elegant Skin", - name: "Revitalizing Eye Balm", - price: "$32.00", - rating: 4, - reviewCount: "55", - imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-jar-wooden-stand_23-2152010110.jpg", - imageAlt: "skin care cream container", - }, - { - id: "p6", - brand: "Elegant Skin", - name: "Ultimate Moisture Set", - price: "$85.00", - rating: 5, - reviewCount: "210", - imageSrc: "http://img.b2bpic.net/free-photo/summer-skincare-ritual-beauty-products-glowing-skin_23-2151992843.jpg", - imageAlt: "anti aging cream container", - }, + { id: "p1", brand: "Elegant Skin", name: "Botanical Night Cream", price: "$45.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/view-make-up-foundation-products_23-2149736910.jpg", imageAlt: "luxury face cream bottle" }, + { id: "p2", brand: "Elegant Skin", name: "Day Radiance Cream", price: "$38.00", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/cream-containers-composition_23-2148549142.jpg", imageAlt: "night cream jar gold" }, + { id: "p3", brand: "Elegant Skin", name: "Hydration Serum", price: "$52.00", rating: 4, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/liquid-facial-skin-care-product-white-background-isolated_169016-26671.jpg", imageAlt: "serum bottle dropper beige" }, + { id: "p4", brand: "Elegant Skin", name: "Softening Body Lotion", price: "$29.00", rating: 5, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232250.jpg", imageAlt: "moisturizing body lotion bottle" }, + { id: "p5", brand: "Elegant Skin", name: "Revitalizing Eye Balm", price: "$32.00", rating: 4, reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-jar-wooden-stand_23-2152010110.jpg", imageAlt: "skin care cream container" }, + { id: "p6", brand: "Elegant Skin", name: "Ultimate Moisture Set", price: "$85.00", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/summer-skincare-ritual-beauty-products-glowing-skin_23-2151992843.jpg", imageAlt: "anti aging cream container" }, ]} title="Our Collection" description="Shop our premium creams, serums, and lotions." @@ -254,21 +115,9 @@ export default function LandingPage() { title="Our Impact" tag="Trusted Quality" metrics={[ - { - id: "m1", - value: "50k+", - description: "Happy Customers", - }, - { - id: "m2", - value: "98%", - description: "Satisfaction Rate", - }, - { - id: "m3", - value: "100%", - description: "Cruelty-Free", - }, + { id: "m1", value: "50k+", description: "Happy Customers" }, + { id: "m2", value: "98%", description: "Satisfaction Rate" }, + { id: "m3", value: "100%", description: "Cruelty-Free" }, ]} metricsAnimation="slide-up" /> @@ -281,26 +130,11 @@ export default function LandingPage() { rating={5} author="Sarah M." avatars={[ - { - src: "http://img.b2bpic.net/free-photo/smiley-woman-laying-bed-medium-shot_23-2148945194.jpg", - alt: "Sarah", - }, - { - src: "http://img.b2bpic.net/free-photo/interested-lady-posing-with-smile-jocund-young-woman-expressing-happiness_197531-14036.jpg", - alt: "Jocund customer", - }, - { - src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133185.jpg", - alt: "Happy woman", - }, - { - src: "http://img.b2bpic.net/free-photo/close-up-smiley-women-hanging-out_23-2149168545.jpg", - alt: "Smiling women", - }, - { - src: "http://img.b2bpic.net/free-photo/radiant-woman-with-glossy-skin-soft-features-posing-studio-advertising-natural-beauty_482257-134478.jpg", - alt: "Radiant woman", - }, + { src: "http://img.b2bpic.net/free-photo/smiley-woman-laying-bed-medium-shot_23-2148945194.jpg", alt: "Sarah" }, + { src: "http://img.b2bpic.net/free-photo/interested-lady-posing-with-smile-jocund-young-woman-expressing-happiness_197531-14036.jpg", alt: "Jocund customer" }, + { src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133185.jpg", alt: "Happy woman" }, + { src: "http://img.b2bpic.net/free-photo/close-up-smiley-women-hanging-out_23-2149168545.jpg", alt: "Smiling women" }, + { src: "http://img.b2bpic.net/free-photo/radiant-woman-with-glossy-skin-soft-features-posing-studio-advertising-natural-beauty_482257-134478.jpg", alt: "Radiant woman" }, ]} ratingAnimation="blur-reveal" avatarsAnimation="slide-up" @@ -312,21 +146,9 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={true} faqs={[ - { - id: "f1", - title: "Are your products vegan?", - content: "Yes, all our creams are entirely plant-based and cruelty-free.", - }, - { - id: "f2", - title: "How long until I see results?", - content: "Most users report visibly brighter skin within 7 days of daily use.", - }, - { - id: "f3", - title: "Do you ship internationally?", - content: "Yes, we ship to most countries worldwide with flat-rate shipping.", - }, + { id: "f1", title: "Are your products vegan?", content: "Yes, all our creams are entirely plant-based and cruelty-free." }, + { id: "f2", title: "How long until I see results?", content: "Most users report visibly brighter skin within 7 days of daily use." }, + { id: "f3", title: "Do you ship internationally?", content: "Yes, we ship to most countries worldwide with flat-rate shipping." }, ]} title="Common Questions" description="Learn more about our products and ingredients." @@ -338,10 +160,9 @@ export default function LandingPage() {