bender/5a23ee48-d6ad-44c7-8a63-1ed599603f6b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-06 07:38:29 +00:00
Conversation 0 Commits 2 Files Changed 2 +55 -29
2 changed files with 55 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/layout.tsx
View File

@@ -27,11 +27,11 @@ export const metadata: Metadata = {
openGraph: {
title: "HAIR CLINIC - Premium Luxury Hair Care", description: "Experience the fusion of scientific innovation and botanical luxury. Transform your hair with HAIR CLINIC.", siteName: "HAIR CLINIC", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669105.jpg", alt: "HAIR CLINIC Premium Hair Treatment"},
url: "https://images.unsplash.com/photo-1599643478518-a784e5dc4c8f?w=1200", alt: "HAIR CLINIC Premium Hair Treatment"},
],
},
twitter: {
card: "summary_large_image", title: "HAIR CLINIC - Premium Luxury Hair Care", description: "Transform your hair with luxury botanical science.", images: ["http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669105.jpg"],
card: "summary_large_image", title: "HAIR CLINIC - Premium Luxury Hair Care", description: "Transform your hair with luxury botanical science.", images: ["https://images.unsplash.com/photo-1599643478518-a784e5dc4c8f?w=1200"],
},
};

80
src/app/page.tsx
View File

@@ -49,7 +49,7 @@ export default function LandingPage() {
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669105.jpg"
imageSrc="https://images.unsplash.com/photo-1599643478518-a784e5dc4c8f?w=800"
imageAlt="HAIR CLINIC Premium Hair Treatment"
imagePosition="right"
mediaAnimation="blur-reveal"
@@ -57,16 +57,20 @@ export default function LandingPage() {
testimonials={[
{
name: "Sarah Mitchell", handle: "CEO, StyleMedia", testimonial: "Transformed my hair in just 4 weeks. The results are remarkable.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg?_wi=1"},
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400"
},
{
name: "Emma Rodriguez", handle: "Beauty Influencer", testimonial: "Finally, a luxury product that actually delivers. I'm obsessed.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1"},
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400"
},
{
name: "Jessica Chen", handle: "Professional Stylist", testimonial: "My clients rave about the results. It's my go-to recommendation.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=1"},
imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400"
},
{
name: "Amanda Brooks", handle: "Wellness Director", testimonial: "Clean ingredients meet powerful results. Excellence redefined.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg?_wi=1"},
imageSrc: "https://images.unsplash.com/photo-1517841905240-74f6b0c3f04d?w=400"
},
]}
buttons={[
{ text: "Discover Now", href: "products" },
@@ -87,11 +91,14 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1", name: "Restoration Serum", price: "$89.00", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232242.jpg?_wi=1", imageAlt: "Hair Restoration Serum"},
id: "1", name: "Restoration Serum", price: "$89.00", imageSrc: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=500", imageAlt: "Hair Restoration Serum"
},
{
id: "2", name: "Strength Elixir", price: "$79.00", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232242.jpg?_wi=2", imageAlt: "Hair Strength Treatment"},
id: "2", name: "Strength Elixir", price: "$79.00", imageSrc: "https://images.unsplash.com/photo-1596289202173-0b3e30e44aa6?w=500", imageAlt: "Hair Strength Treatment"
},
{
id: "3", name: "Growth Activator", price: "$69.00", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232242.jpg?_wi=3", imageAlt: "Hair Growth Activator"},
id: "3", name: "Growth Activator", price: "$69.00", imageSrc: "https://images.unsplash.com/photo-1608571423902-eed4a5ad8108?w=500", imageAlt: "Hair Growth Activator"
},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -116,7 +123,8 @@ export default function LandingPage() {
{ text: "Learn More", href: "#" },
],
features: [
"Restoration Serum (1x)", "Strength Elixir (1x)", "Free luxury pouch", "30-day money-back guarantee"],
"Restoration Serum (1x)", "Strength Elixir (1x)", "Free luxury pouch", "30-day money-back guarantee"
],
},
{
id: "2", badge: "Buy 2, Get 1 FREE", badgeIcon: Sparkles,
@@ -125,7 +133,8 @@ export default function LandingPage() {
{ text: "Learn More", href: "#" },
],
features: [
"Restoration Serum (2x)", "Strength Elixir (1x FREE)", "Growth Activator (1x)", "Premium gift set", "90-day results guarantee"],
"Restoration Serum (2x)", "Strength Elixir (1x FREE)", "Growth Activator (1x)", "Premium gift set", "90-day results guarantee"
],
},
{
id: "3", price: "$319.00", name: "Complete Care System", buttons: [
@@ -133,7 +142,8 @@ export default function LandingPage() {
{ text: "Learn More", href: "#" },
],
features: [
"All 3 products (2x each)", "Luxury travel collection", "Personal care guide", "Priority customer support", "Lifetime satisfaction guarantee"],
"All 3 products (2x each)", "Luxury travel collection", "Personal care guide", "Priority customer support", "Lifetime satisfaction guarantee"
],
},
]}
animationType="slide-up"
@@ -154,19 +164,23 @@ export default function LandingPage() {
features={[
{
id: "biotin", label: "Biotin", title: "Strengthens from within", items: [
"Fortifies hair structure", "Reduces breakage by 67%", "Promotes natural thickness"],
"Fortifies hair structure", "Reduces breakage by 67%", "Promotes natural thickness"
],
},
{
id: "keratin", label: "Keratin", title: "Restores elasticity", items: [
"Fills micro-cracks in hair", "Adds premium shine", "Improves manageability"],
"Fills micro-cracks in hair", "Adds premium shine", "Improves manageability"
],
},
{
id: "botanicals", label: "Botanicals", title: "Nourishes naturally", items: [
"Green tea antioxidants", "Argan oil hydration", "Scalp soothing extracts"],
"Green tea antioxidants", "Argan oil hydration", "Scalp soothing extracts"
],
},
{
id: "collagen", label: "Collagen", title: "Plumps & revitalizes", items: [
"Boosts hydration 40%", "Enhances volume", "Supports scalp health"],
"Boosts hydration 40%", "Enhances volume", "Supports scalp health"
],
},
]}
animationType="slide-up"
@@ -183,15 +197,20 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1", title: "Step 1: Cleanse & Prepare", content: "Start with damp hair. Apply shampoo and massage gently into your scalp for 2-3 minutes. Rinse thoroughly with lukewarm water. Pat dry with a soft towel—hair should be damp, not soaking."},
id: "1", title: "Step 1: Cleanse & Prepare", content: "Start with damp hair. Apply shampoo and massage gently into your scalp for 2-3 minutes. Rinse thoroughly with lukewarm water. Pat dry with a soft towel—hair should be damp, not soaking."
},
{
id: "2", title: "Step 2: Apply & Absorb", content: "Dispense 3-5 pumps of our serum into your palm. Massage evenly throughout your hair, focusing on mid-lengths and ends. Use our natural scalp massage technique for 3-5 minutes to enhance circulation and absorption."},
id: "2", title: "Step 2: Apply & Absorb", content: "Dispense 3-5 pumps of our serum into your palm. Massage evenly throughout your hair, focusing on mid-lengths and ends. Use our natural scalp massage technique for 3-5 minutes to enhance circulation and absorption."
},
{
id: "3", title: "Step 3: Rinse & Style", content: "Rinse with cool water to seal the hair cuticle and lock in hydration. Style as usual. For best results, use our complete system 3-4 times weekly. Visible transformation in 4 weeks."},
id: "3", title: "Step 3: Rinse & Style", content: "Rinse with cool water to seal the hair cuticle and lock in hydration. Style as usual. For best results, use our complete system 3-4 times weekly. Visible transformation in 4 weeks."
},
{
id: "4", title: "When to Expect Results?", content: "Most users notice softer, shinier hair within 1-2 weeks. Significant strength and volume improvements appear within 4 weeks. Full transformation typically visible at 8-12 weeks of consistent use."},
id: "4", title: "When to Expect Results?", content: "Most users notice softer, shinier hair within 1-2 weeks. Significant strength and volume improvements appear within 4 weeks. Full transformation typically visible at 8-12 weeks of consistent use."
},
{
id: "5", title: "Can I Use Daily?", content: "Yes, our gentle formulation is safe for daily use. However, 3-4 times weekly delivers optimal results. Listen to your hair—if it feels heavy, reduce frequency slightly. All hair types benefit from our system."},
id: "5", title: "Can I Use Daily?", content: "Yes, our gentle formulation is safe for daily use. However, 3-4 times weekly delivers optimal results. Listen to your hair—if it feels heavy, reduce frequency slightly. All hair types benefit from our system."
},
]}
faqsAnimation="slide-up"
buttons={[{ text: "Shop Now", href: "products" }]}
@@ -209,17 +228,23 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1", name: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg?_wi=2"},
id: "1", name: "Sarah Mitchell", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400"
},
{
id: "2", name: "Emma Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=2"},
id: "2", name: "Emma Rodriguez", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400"
},
{
id: "3", name: "Jessica Chen", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=2"},
id: "3", name: "Jessica Chen", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400"
},
{
id: "4", name: "Amanda Brooks", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg?_wi=2"},
id: "4", name: "Amanda Brooks", imageSrc: "https://images.unsplash.com/photo-1517841905240-74f6b0c3f04d?w=400"
},
{
id: "5", name: "Olivia Thompson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg?_wi=3"},
id: "5", name: "Olivia Thompson", imageSrc: "https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e?w=400"
},
{
id: "6", name: "Isabella Martinez", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=3"},
id: "6", name: "Isabella Martinez", imageSrc: "https://images.unsplash.com/photo-1504198266894-c894fdcc538d?w=400"
},
]}
/>
</div>
@@ -232,7 +257,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Elite Salons Network", "International Beauty Association", "Dermatology Excellence", "Professional Stylists Guild", "Luxury Wellness Collective", "Beauty Innovation Lab", "Certified Hair Experts"]}
"Elite Salons Network", "International Beauty Association", "Dermatology Excellence", "Professional Stylists Guild", "Luxury Wellness Collective", "Beauty Innovation Lab", "Certified Hair Experts"
]}
speed={30}
showCard={true}
/>