"use client"; import React from "react"; import { motion } from "framer-motion"; import { ArrowUpRight } from "lucide-react"; export default function AboutUsUpdate({ className }: { className?: string }) { const stats = [ { value: "100%", label: "PURE BOTANICAL ACTIVE INGREDIENTS", }, { value: "10x", label: "DEEPER CELLULAR MOISTURE PENETRATION", }, { value: "72 hrs", label: "CONTINUOUS HYDRATION LOCKED AT CELLULAR LAYER", }, { value: "\u22654.8x", label: "SKIN ELASTICITY & REJUVENATION IMPROVEMENT*", }, ]; const marqueeItems = [ "FOR BETTER SKIN. FOR A HEALTHIER PLANET.", "RE-CREAME\u2122 BOTANICAL ALOE CELLS.", "FOR DEEPER HYDRATION. FOR RADIANT SKIN.", "100% ORGANIC & CRUELTY FREE.", "FOR BETTER SKIN. FOR A HEALTHIER PLANET.", "RE-CREAME\u2122 BOTANICAL ALOE CELLS.", "FOR DEEPER HYDRATION. FOR RADIANT SKIN.", "100% ORGANIC & CRUELTY FREE.", "FOR BETTER SKIN. FOR A HEALTHIER PLANET.", "RE-CREAME\u2122 BOTANICAL ALOE CELLS.", "FOR DEEPER HYDRATION. FOR RADIANT SKIN.", "100% ORGANIC & CRUELTY FREE.", "FOR BETTER SKIN. FOR A HEALTHIER PLANET.", "RE-CREAME\u2122 BOTANICAL ALOE CELLS.", "FOR DEEPER HYDRATION. FOR RADIANT SKIN.", "100% ORGANIC & CRUELTY FREE.", ]; return ( <>

{/* 1. Ingredients Section */}

{/* Left visual half - Full tall image */}

{/* Soft elegant gradient overlay to match transition on mobile */}

{/* Right data half - Stats and content */}

{/* Header Block */}

Purely-Sourced &
Dermatologist-Approved

{/* Stats Rows */}

{stats.map((stat, idx) => ( {stat.value} {stat.label} ))}

{/* Footer legal disclaimer */} *EQUAL TO OR BETTER THAN CLINICAL STANDARD STANDOUTS; BASED ON A 12-WEEK INDEPENDENT RE-CREAME\u2122 CELLULAR DERMATOLOGY ASSESSMENT OF TRANSIENT WATER EVAPORATION AND ELASTIC INDEX.

{/* 2. AboutUs Section */}

{/* Left Content Column */}

Purer for Your Skin \u2014
Without the Carbon Cost

MOST BEAUTY BRANDS PAY TO OFFSET THEIR EMISSIONS.

WITH RE-CREAME\u2122, YOU DON'T HAVE TO. OUR ALOE FERTILIZERS AND SKINCARE FORMULAS ARE MADE CLEAN FROM THE START \u2014 SO YOU CAN LOWER YOUR FOOTPRINT WITHOUT BUYING CREDITS OR PAYING COMPLIANCE FEES.

\u2022 LEARN MORE \u2022

{/* Right Image Column */}

{/* 3. Benefit Marquee Section */}

{marqueeItems.map((text, index) => (

{text} \u2022

))}

); }

Purely-Sourced &Dermatologist-Approved

Purely-Sourced &
Dermatologist-Approved