diff --git a/src/app/page.tsx b/src/app/page.tsx index b5d8c1c..df5cec4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="small" sizing="mediumLargeSizeMediumTitles" - background="floatingGradient" + background="circleGradient" cardStyle="solid" primaryButtonStyle="flat" secondaryButtonStyle="glass" @@ -47,18 +47,18 @@ export default function LandingPage() { tag="Premium Skincare" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "floatingGradient" }} + background={{ variant: "plain" }} leftCarouselItems={[ - { imageSrc: "http://img.b2bpic.net/free-psd/elegant-pink-white-beauty-products-display-luxurious-skincare-set_191095-90347.jpg?_wi=1", imageAlt: "Luxury facial serum" }, - { imageSrc: "http://img.b2bpic.net/free-photo/body-butter-with-nature-elements-white-background_23-2148241809.jpg?_wi=1", imageAlt: "Premium moisturizer cream" }, - { imageSrc: "http://img.b2bpic.net/free-photo/close-up-therapist-applying-face-treatment_23-2148815308.jpg?_wi=1", imageAlt: "Pink luxury mask" }, - { imageSrc: "http://img.b2bpic.net/free-photo/compostable-beauty-still-life-with-bottle_23-2149353107.jpg?_wi=1", imageAlt: "Beauty essence spray" } + { imageSrc: "http://img.b2bpic.net/free-psd/elegant-pink-white-beauty-products-display-luxurious-skincare-set_191095-90347.jpg", imageAlt: "Luxury facial serum" }, + { imageSrc: "http://img.b2bpic.net/free-photo/body-butter-with-nature-elements-white-background_23-2148241809.jpg", imageAlt: "Premium moisturizer cream" }, + { imageSrc: "http://img.b2bpic.net/free-photo/close-up-therapist-applying-face-treatment_23-2148815308.jpg", imageAlt: "Pink luxury mask" }, + { imageSrc: "http://img.b2bpic.net/free-photo/compostable-beauty-still-life-with-bottle_23-2149353107.jpg", imageAlt: "Beauty essence spray" } ]} rightCarouselItems={[ - { imageSrc: "http://img.b2bpic.net/free-photo/body-butter-with-nature-elements-white-background_23-2148241809.jpg?_wi=2", imageAlt: "Premium moisturizer" }, - { imageSrc: "http://img.b2bpic.net/free-photo/close-up-therapist-applying-face-treatment_23-2148815308.jpg?_wi=2", imageAlt: "Luxury mask treatment" }, - { imageSrc: "http://img.b2bpic.net/free-photo/compostable-beauty-still-life-with-bottle_23-2149353107.jpg?_wi=2", imageAlt: "Essence spray" }, - { imageSrc: "http://img.b2bpic.net/free-psd/elegant-pink-white-beauty-products-display-luxurious-skincare-set_191095-90347.jpg?_wi=2", imageAlt: "Facial serum" } + { imageSrc: "http://img.b2bpic.net/free-photo/body-butter-with-nature-elements-white-background_23-2148241809.jpg", imageAlt: "Premium moisturizer" }, + { imageSrc: "http://img.b2bpic.net/free-photo/close-up-therapist-applying-face-treatment_23-2148815308.jpg", imageAlt: "Luxury mask treatment" }, + { imageSrc: "http://img.b2bpic.net/free-photo/compostable-beauty-still-life-with-bottle_23-2149353107.jpg", imageAlt: "Essence spray" }, + { imageSrc: "http://img.b2bpic.net/free-psd/elegant-pink-white-beauty-products-display-luxurious-skincare-set_191095-90347.jpg", imageAlt: "Facial serum" } ]} carouselPosition="right" buttons={[ @@ -189,7 +189,7 @@ export default function LandingPage() { (function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +export const SvgTextLogo: React.FC = ({ + text, + width = 200, + height = 100, + fontSize = 48, + fontWeight = 'bold', + fill = '#000', + className, +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +}; \ No newline at end of file