bender/1f856831-e7fc-4624-befa-ac75fb4b9811
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-05-02 09:47:59 +00:00
parent 382169683a
commit 4bf906acb7
1 changed files with 47 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

332
src/app/page.tsx
View File

@@ -31,146 +31,38 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Services",
id: "#services",
},
{
name: "About",
id: "#about",
},
{
name: "Portfolio",
id: "#portfolio",
},
{
name: "Pricing",
id: "#pricing",
},
{ name: "Services", id: "#services" },
{ name: "About", id: "#about" },
{ name: "Portfolio", id: "#portfolio" },
{ name: "Pricing", id: "#pricing" },
]}
brandName="CosmeticStrategic"
button={{ text: "Get Started", href: "#services" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Cosmetic Production Expertise"
description="Scale your beauty brand from initial R&D to global logistics. Our expert team ensures quality, compliance, and strategic market expansion."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/people-white-isolating-costumes-working-laboratory_645730-561.jpg",
imageAlt: "Lab setup",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/transparent-plastic-bottles-filled-with-yellow-substance_273609-13377.jpg",
imageAlt: "Production line",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/face-cream-container-with-plant_23-2148549147.jpg",
imageAlt: "Chemical testing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-banner-beauty-products-with-copy-space_23-2149446580.jpg",
imageAlt: "Logistics map",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-getting-ready-show_23-2149434524.jpg",
imageAlt: "Analytics dashboard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-caring-her-skin-standing-near-mirror-bathroom_1301-3694.jpg",
imageAlt: "Texture testing",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/people-white-isolating-costumes-working-laboratory_645730-561.jpg", imageAlt: "Lab setup" },
{ imageSrc: "http://img.b2bpic.net/free-photo/transparent-plastic-bottles-filled-with-yellow-substance_273609-13377.jpg", imageAlt: "Production line" },
{ imageSrc: "http://img.b2bpic.net/free-photo/face-cream-container-with-plant_23-2148549147.jpg", imageAlt: "Chemical testing" },
{ imageSrc: "http://img.b2bpic.net/free-photo/horizontal-banner-beauty-products-with-copy-space_23-2149446580.jpg", imageAlt: "Logistics map" },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-getting-ready-show_23-2149434524.jpg", imageAlt: "Analytics dashboard" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-caring-her-skin-standing-near-mirror-bathroom_1301-3694.jpg", imageAlt: "Texture testing" },
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-world-science-day-arrangement_23-2149132646.jpg",
imageAlt: "Texture testing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/makeup-artist-vlogging-elements_23-2149080364.jpg",
imageAlt: "Analytics dashboard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/women-makeup-use-cosmetic-products-make-review-record-tutorial-video-how-care-about-yourself-wear-white-soft-bathrobes-pose-front-smartphone_273609-52757.jpg",
imageAlt: "Logistics map",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/research-innovation-items-world-science-day-celebration_23-2151812421.jpg",
imageAlt: "Chemical testing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/scientist-conducting-audit-company_645730-689.jpg",
imageAlt: "Production line",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-434.jpg",
imageAlt: "Lab setup",
},
]}
buttons={[
{
text: "Start Project",
href: "#services",
},
{
text: "View Roadmap",
href: "#pricing",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-female-scientist-posing-laboratory_23-2148492072.jpg",
alt: "Scientist partner",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-doctor_23-2148485966.jpg",
alt: "Strategy lead",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
alt: "Ops manager",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-looking-camera_23-2147900055.jpg",
alt: "Marketing pro",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
alt: "Logistics expert",
},
]}
avatarText="Join 500+ successful brands"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/cosmetic-product-flowers_23-2149270041.jpg",
alt: "Cosmetic branding",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/hand-sanitizer-pump-bottles_53876-167161.jpg",
alt: "Packaging",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/top-view-natural-cosmetics-concept_23-2148578650.jpg",
alt: "Natural components",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242130.jpg",
alt: "Regeneration",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-35031.jpg",
alt: "Professional cosmetics",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-world-science-day-arrangement_23-2149132646.jpg", imageAlt: "Texture testing" },
{ imageSrc: "http://img.b2bpic.net/free-photo/makeup-artist-vlogging-elements_23-2149080364.jpg", imageAlt: "Analytics dashboard" },
{ imageSrc: "http://img.b2bpic.net/free-photo/women-makeup-use-cosmetic-products-make-review-record-tutorial-video-how-care-about-yourself-wear-white-soft-bathrobes-pose-front-smartphone_273609-52757.jpg", imageAlt: "Logistics map" },
{ imageSrc: "http://img.b2bpic.net/free-photo/research-innovation-items-world-science-day-celebration_23-2151812421.jpg", imageAlt: "Chemical testing" },
{ imageSrc: "http://img.b2bpic.net/free-photo/scientist-conducting-audit-company_645730-689.jpg", imageAlt: "Production line" },
{ imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-434.jpg", imageAlt: "Lab setup" },
]}
buttons={[{ text: "Start Project", href: "#services" }, { text: "View Roadmap", href: "#pricing" }]}
/>
</div>
@@ -180,21 +72,9 @@ export default function LandingPage() {
title="Comprehensive Production Phases"
description="We bridge the gap between creative concept and retail shelf readiness."
accordionItems={[
{
id: "1",
title: "R&D Formulation",
content: "Custom chemistry and stability testing to meet global safety standards.",
},
{
id: "2",
title: "Scalable Manufacturing",
content: "Modern GMP-certified facilities to ensure consistent quality at any volume.",
},
{
id: "3",
title: "Strategic Marketing",
content: "Targeted market entry plans and global branding strategy implementation.",
},
{ id: "1", title: "R&D Formulation", content: "Custom chemistry and stability testing to meet global safety standards." },
{ id: "2", title: "Scalable Manufacturing", content: "Modern GMP-certified facilities to ensure consistent quality at any volume." },
{ id: "3", title: "Strategic Marketing", content: "Targeted market entry plans and global branding strategy implementation." },
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-scientists-working-together_23-2148969967.jpg"
mediaAnimation="slide-up"
@@ -207,18 +87,9 @@ export default function LandingPage() {
title="Proven Track Record"
description="Over a decade of bringing cosmetic innovations to life for global brands."
metrics={[
{
value: "500+",
title: "Formulas Created",
},
{
value: "150+",
title: "Launch Projects",
},
{
value: "20+",
title: "Countries Served",
},
{ value: "500+", title: "Formulas Created" },
{ value: "150+", title: "Launch Projects" },
{ value: "20+", title: "Countries Served" },
]}
imageSrc="http://img.b2bpic.net/free-photo/colleagues-lab-doing-experiments_23-2148939082.jpg"
mediaAnimation="blur-reveal"
@@ -233,42 +104,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Advanced Hydration",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/white-pearl-necklace-falling-from-shopping-bag-three-white-boxes-colored-background_23-2147874272.jpg",
},
{
id: "p2",
name: "Brightening Serum",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-pipette-with-liquid-copy-space_23-2148635054.jpg",
},
{
id: "p3",
name: "Nourishing Cream",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-face-body-cream-bathroom_7502-7241.jpg",
},
{
id: "p4",
name: "Facial Mist",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-make-up-fixing-spray-applied_23-2148553465.jpg",
},
{
id: "p5",
name: "Deep Cleanser",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-essential-oil-plain-background_23-2148241912.jpg",
},
{
id: "p6",
name: "Renewal Night Cream",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/assortment-skin-care-cream_23-2148761491.jpg",
},
{ id: "p1", name: "Advanced Hydration", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/white-pearl-necklace-falling-from-shopping-bag-three-white-boxes-colored-background_23-2147874272.jpg" },
{ id: "p2", name: "Brightening Serum", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pipette-with-liquid-copy-space_23-2148635054.jpg" },
{ id: "p3", name: "Nourishing Cream", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-face-body-cream-bathroom_7502-7241.jpg" },
{ id: "p4", name: "Facial Mist", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/side-view-make-up-fixing-spray-applied_23-2148553465.jpg" },
{ id: "p5", name: "Deep Cleanser", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-essential-oil-plain-background_23-2148241912.jpg" },
{ id: "p6", name: "Renewal Night Cream", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/assortment-skin-care-cream_23-2148761491.jpg" },
]}
title="Case Study Products"
description="Examples of successful formulation and branding collaborations."
@@ -281,36 +122,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "Phase 1",
title: "Research & Development",
items: [
"Prototype creation",
"Stability tests",
"Compliance check",
],
},
{
id: "m2",
value: "Phase 2",
title: "Production Scale",
items: [
"Raw materials sourcing",
"GMP batching",
"Packaging testing",
],
},
{
id: "m3",
value: "Phase 3",
title: "Global Launch",
items: [
"Marketing materials",
"Logistics setup",
"Retail outreach",
],
},
{ id: "m1", value: "Phase 1", title: "Research & Development", items: ["Prototype creation", "Stability tests", "Compliance check"] },
{ id: "m2", value: "Phase 2", title: "Production Scale", items: ["Raw materials sourcing", "GMP batching", "Packaging testing"] },
{ id: "m3", value: "Phase 3", title: "Global Launch", items: ["Marketing materials", "Logistics setup", "Retail outreach"] },
]}
title="Cost Analysis Breakdown"
description="Understanding the investment phases for cosmetic production."
@@ -324,30 +138,10 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Dr. Sarah Chen",
role: "Lead Chemist",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-female-researcher-laboratory-with-test-tube-copy-space_23-2148816414.jpg",
},
{
id: "t2",
name: "Mark Sterling",
role: "Strategic Consultant",
imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
},
{
id: "t3",
name: "Elena Rodriguez",
role: "Ops Manager",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg",
},
{
id: "t4",
name: "James Wilson",
role: "Marketing Director",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
},
{ id: "t1", name: "Dr. Sarah Chen", role: "Lead Chemist", imageSrc: "http://img.b2bpic.net/free-photo/smiley-female-researcher-laboratory-with-test-tube-copy-space_23-2148816414.jpg" },
{ id: "t2", name: "Mark Sterling", role: "Strategic Consultant", imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg" },
{ id: "t3", name: "Elena Rodriguez", role: "Ops Manager", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg" },
{ id: "t4", name: "James Wilson", role: "Marketing Director", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg" },
]}
title="Meet the Strategy Experts"
description="A diverse team of scientists, operational leads, and marketing directors."
@@ -358,31 +152,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
},
{
id: "2",
name: "Michael C.",
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
},
{
id: "3",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-formal-wear-standing-office_1303-31472.jpg",
},
{
id: "4",
name: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg",
},
{
id: "5",
name: "Jane D.",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing-with-crossed-arms_23-2148095749.jpg",
},
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg" },
{ id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg" },
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-formal-wear-standing-office_1303-31472.jpg" },
{ id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg" },
{ id: "5", name: "Jane D.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing-with-crossed-arms_23-2148095749.jpg" },
]}
cardTitle="Client Results"
cardTag="Proven Impact"
@@ -395,21 +169,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What are your minimum order quantities?",
content: "Our MOQ depends on the formulation complexity, generally starting at 2,000 units.",
},
{
id: "q2",
title: "Do you handle regulatory compliance?",
content: "Yes, we handle FDA and global regulatory compliance documentation for every formulation.",
},
{
id: "q3",
title: "How long is the typical launch timeline?",
content: "A standard project timeline from R&D to market entry is 6 to 9 months.",
},
{ id: "q1", title: "What are your minimum order quantities?", content: "Our MOQ depends on the formulation complexity, generally starting at 2,000 units." },
{ id: "q2", title: "Do you handle regulatory compliance?", content: "Yes, we handle FDA and global regulatory compliance documentation for every formulation." },
{ id: "q3", title: "How long is the typical launch timeline?", content: "A standard project timeline from R&D to market entry is 6 to 9 months." },
]}
title="Frequently Asked Questions"
description="Clear answers to your production strategy questions."
@@ -426,4 +188,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}