bender/8b48a713-9fd1-4648-a697-ad261ece36d1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-11 06:46:27 +00:00
parent f755e0edff
commit 927082a594
1 changed files with 62 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/app/page.tsx
View File

@@ -6,6 +6,7 @@ import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
@@ -19,7 +20,7 @@ export default function LandingPage() {
borderRadius="soft"
contentWidth="small"
sizing="mediumLargeSizeMediumTitles"
background="noise"
background="plain"
cardStyle="soft-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
@@ -32,13 +33,13 @@ export default function LandingPage() {
{
name: "Home", id: "/"},
{
name: "Products", id: "/products"},
name: "Products", id: "#products"},
{
name: "Contact", id: "/contact"},
name: "Contact", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x51310"
logoAlt="SKIN CARE Logo"
brandName="SKIN CARE"
logoAlt="SKIN TO SKIN Logo"
brandName="SKIN TO SKIN"
/>
</div>
@@ -46,11 +47,11 @@ export default function LandingPage() {
<HeroSplit
background={{
variant: "radial-gradient"}}
title="Radiant Skin, Naturally Yours"
description="Discover SKIN CARE's exquisite range of natural products designed to nourish, protect, and revitalize your skin. Experience the glow of healthy, beautiful skin."
title="Radiant Skin, Naturally Yours with Skin to Skin"
description="Discover Skin to Skin's exquisite range of natural products designed to nourish, protect, and revitalize your skin, crafted for Pakistani skin types. Experience the glow of healthy, beautiful skin."
buttons={[
{
text: "Shop Now", href: "/products"},
text: "Shop Now", href: "#products"},
{
text: "Learn More", href: "#about"},
]}
@@ -94,8 +95,8 @@ export default function LandingPage() {
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Philosophy"
title="Embrace Your Natural Beauty"
description="At SKIN CARE, we believe in harnessing the power of nature to create effective and gentle products. Our formulations are crafted with ethically sourced ingredients, free from harsh chemicals, ensuring purity and potency."
title="Embrace Your Natural Beauty with Skin to Skin"
description="At Skin to Skin, we believe in harnessing the power of nature to create effective and gentle products. Our formulations are crafted with ethically sourced ingredients, free from harsh chemicals, ensuring purity and potency suitable for Pakistani skincare needs."
subdescription="We are committed to sustainability, transparency, and delivering exceptional skincare solutions that make a visible difference."
icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/retaining-herbs_23-2147985319.jpg"
@@ -159,12 +160,48 @@ export default function LandingPage() {
reverse: false
}
]}
title="The SKIN CARE Difference"
title="The Skin to Skin Difference"
description="Our commitment to excellence shines through in every product. Discover what sets us apart."
tag="Why Choose Us"
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
gridVariant="uniform-all-items-equal"
title="Our Skincare Collection for Pakistani Skin"
description="Explore our range of natural and effective skincare products, specially formulated to address the unique needs of Pakistani skin types."
tag="Featured Products"
products={[
{
id: "1", brand: "Skin to Skin", name: "Brightening Saffron Face Wash", price: "PKR 1,200", rating: 4.8,
reviewCount: "250", imageSrc: "https://images.unsplash.com/photo-1596462502278-27bfad6e9e96?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Brightening Saffron Face Wash"
},
{
id: "2", brand: "Skin to Skin", name: "Rose & Aloe Vera Hydrating Toner", price: "PKR 1,500", rating: 4.7,
reviewCount: "180", imageSrc: "https://images.unsplash.com/photo-1629855523295-8d591e604071?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Rose & Aloe Vera Hydrating Toner"
},
{
id: "3", brand: "Skin to Skin", name: "Ubtan Radiance Mask", price: "PKR 1,800", rating: 4.9,
reviewCount: "300", imageSrc: "https://images.unsplash.com/photo-1629855523295-8d591e604071?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Ubtan Radiance Mask"
},
{
id: "4", brand: "Skin to Skin", name: "Argan Oil & Vitamin E Serum", price: "PKR 2,500", rating: 4.9,
reviewCount: "220", imageSrc: "https://images.unsplash.com/photo-1626017260840-3b4e72339d3c?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Argan Oil & Vitamin E Serum"
},
{
id: "5", brand: "Skin to Skin", name: "Herbal Glow Night Cream", price: "PKR 2,000", rating: 4.7,
reviewCount: "190", imageSrc: "https://images.unsplash.com/photo-1626017260840-3b4e72339d3c?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Herbal Glow Night Cream"
},
{
id: "6", brand: "Skin to Skin", name: "Turmeric & Neem Acne Spot Treatment", price: "PKR 900", rating: 4.5,
reviewCount: "150", imageSrc: "https://images.unsplash.com/photo-1629855523295-8d591e604071?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Turmeric & Neem Acne Spot Treatment"
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
@@ -172,15 +209,15 @@ export default function LandingPage() {
{
id: "1", name: "Emily W.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", imageAlt: "Emily W."},
{
id: "2", name: "David S.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-cheerful-girl-baking-kitchen-making-dough-holding-recipe-book-having-ideas_1258-195141.jpg", imageAlt: "David S."},
id: "2", name: "David S.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-cheerful-girl-baking-kitchen-making-dough-holding-recipe-book-having-ideas_1258-195141.jpg", alt: "David S."},
{
id: "3", name: "Sophia L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-flowers_23-2149020787.jpg", imageAlt: "Olivia M."},
id: "3", name: "Sophia L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-flowers_23-2149020787.jpg", alt: "Olivia M."},
{
id: "4", name: "Michael B.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7970.jpg", imageAlt: "Noah J."},
id: "4", name: "Michael B.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7970.jpg", alt: "Noah J."},
{
id: "5", name: "Jessica A.", imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-korean-girl-suit-opens-up-heart-shaped-box-with-romantic-gift-white-day-holiday-standing-suit-pink-background_1258-99176.jpg", imageAlt: "Ava P."},
id: "5", name: "Jessica A.", imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-korean-girl-suit-opens-up-heart-shaped-box-with-romantic-gift-white-day-holiday-standing-suit-pink-background_1258-99176.jpg", alt: "Ava P."},
{
id: "6", name: "Daniel F.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-sitting-beach_613910-806.jpg", imageAlt: "Ethan C."},
id: "6", name: "Daniel F.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-sitting-beach_613910-806.jpg", alt: "Ethan C."},
]}
cardTitle="Real Stories from Our Skincare Enthusiasts"
cardTag="Customer Reviews"
@@ -207,19 +244,19 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBaseReveal
logoSrc="http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307248.jpg"
logoAlt="SKIN CARE Footer Logo"
logoText="SKIN CARE"
logoAlt="Skin to Skin Footer Logo"
logoText="Skin to Skin"
columns={[
{
title: "Products", items: [
{
label: "Face Care", href: "/products#face"},
label: "Face Care", href: "#products"},
{
label: "Hand Care", href: "/products#hand"},
label: "Hand Care", href: "#products"},
{
label: "Foot Care", href: "/products#foot"},
label: "Foot Care", href: "#products"},
{
label: "All Products", href: "/products"},
label: "All Products", href: "#products"},
]
},
{
@@ -227,9 +264,9 @@ export default function LandingPage() {
{
label: "About Us", href: "#about"},
{
label: "Our Philosophy", href: "#"},
label: "Our Philosophy", href: "#about"},
{
label: "Contact Us", href: "/contact"},
label: "Contact Us", href: "#contact"},
]
},
{
@@ -243,7 +280,7 @@ export default function LandingPage() {
]
}
]}
copyrightText="© 2024 SKIN CARE. All rights reserved."
copyrightText="© 2024 Skin to Skin. All rights reserved."
/>
</div>
</ReactLenis>