bender/482a9bb1-c365-45fb-8c5a-9b385b54b3d3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-01 15:29:08 +00:00
parent a2380decc5 9af47ce53c
commit 55d18f49e6
1 changed files with 47 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files

307
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Collection",
id: "product",
},
{
name: "Testimonials",
id: "testimonial",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Collection", id: "product" },
{ name: "Testimonials", id: "testimonial" },
{ name: "Contact", id: "contact" },
]}
brandName="HUDA BEAUTY"
/>
@@ -56,92 +44,30 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="The Glow Collection"
description="Experience cinematic radiance. Seamless textures meets high-fashion artistry."
testimonials={[
{
name: "Elena R.",
handle: "@elena_beauty",
testimonial: "Obsessed with the finish. It truly glows.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
},
{
name: "Sarah K.",
handle: "@sarah_glam",
testimonial: "The texture is unmatched in the industry.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
},
{
name: "Maya W.",
handle: "@maya_makeup",
testimonial: "Empowering, bold, and absolutely stunning.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
},
{
name: "Chloe L.",
handle: "@chloe_style",
testimonial: "Simply revolutionary for everyday glam.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
},
{
name: "Sofia B.",
handle: "@sofia_glow",
testimonial: "Perfectly pigmented and incredibly long-lasting.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-portrait-beautiful-brunette-girl-model-black-jacket-with-bright-makeup-juicy-lips_158538-3155.jpg",
},
{ name: "Elena R.", handle: "@elena_beauty", testimonial: "Obsessed with the finish. It truly glows.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
{ name: "Sarah K.", handle: "@sarah_glam", testimonial: "The texture is unmatched in the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
{ name: "Maya W.", handle: "@maya_makeup", testimonial: "Empowering, bold, and absolutely stunning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg" },
{ name: "Chloe L.", handle: "@chloe_style", testimonial: "Simply revolutionary for everyday glam.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg" },
{ name: "Sofia B.", handle: "@sofia_glow", testimonial: "Perfectly pigmented and incredibly long-lasting.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-portrait-beautiful-brunette-girl-model-black-jacket-with-bright-makeup-juicy-lips_158538-3155.jpg" },
]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-perfume-bottles-arrangement_23-2149234387.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-beauty-girl-with-creative-make-up-blue-black-shadows-painted-her-face-conceptual-idea_613910-19427.jpg",
alt: "User 1",
},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-silver-dress-sexy-carefree-woman-posing-near-white-wall-studio-circle-lightfashionable-model-with-bright-makeup-high-fashion_158538-22808.jpg",
alt: "User 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress-side-view_639032-823.jpg",
alt: "User 3",
},
{
src: "http://img.b2bpic.net/free-photo/woman-with-make-up-posing-against-green-bush-blue-smoke_651396-1096.jpg",
alt: "User 4",
},
{
src: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
alt: "User 5",
},
{ src: "http://img.b2bpic.net/free-photo/young-beauty-girl-with-creative-make-up-blue-black-shadows-painted-her-face-conceptual-idea_613910-19427.jpg", alt: "User 1" },
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-silver-dress-sexy-carefree-woman-posing-near-white-wall-studio-circle-lightfashionable-model-with-bright-makeup-high-fashion_158538-22808.jpg", alt: "User 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress-side-view_639032-823.jpg", alt: "User 3" },
{ src: "http://img.b2bpic.net/free-photo/woman-with-make-up-posing-against-green-bush-blue-smoke_651396-1096.jpg", alt: "User 4" },
{ src: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg", alt: "User 5" },
]}
marqueeItems={[
{
type: "text",
text: "Cine-Quality Glow",
},
{
type: "text",
text: "High-Fashion Artistry",
},
{
type: "text",
text: "Modern Minimalist",
},
{
type: "text",
text: "Rich Pigment",
},
{
type: "text",
text: "Seamless Texture",
},
{ type: "text", text: "Cine-Quality Glow" },
{ type: "text", text: "High-Fashion Artistry" },
{ type: "text", text: "Modern Minimalist" },
{ type: "text", text: "Rich Pigment" },
{ type: "text", text: "Seamless Texture" },
]}
/>
</div>
@@ -159,24 +85,13 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
features={[
{
title: "Seamless Blend",
description: "Foundation that feels like skin, looks like magic.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-bright-lip-gloss_23-2149681496.jpg",
},
{
title: "Radiant Pigment",
description: "High-intensity color with a soft-focus finish.",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-tube-gift-box-with-gold-accents-black-background_187299-47583.jpg",
},
{
title: "Shimmer Texture",
description: "Light-catching gloss for a multi-dimensional look.",
imageSrc: "http://img.b2bpic.net/free-photo/eyeshadow-palette-with-multiple-shades-cosmetic-powder_23-2150260874.jpg",
},
{ title: "Seamless Blend", description: "Foundation that feels like skin, looks like magic.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-bright-lip-gloss_23-2149681496.jpg" },
{ title: "Radiant Pigment", description: "High-intensity color with a soft-focus finish.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-tube-gift-box-with-gold-accents-black-background_187299-47583.jpg" },
{ title: "Shimmer Texture", description: "Light-catching gloss for a multi-dimensional look.", imageSrc: "http://img.b2bpic.net/free-photo/eyeshadow-palette-with-multiple-shades-cosmetic-powder_23-2150260874.jpg" },
]}
title="Artistry in Every Detail"
description="Macro-perfect pigments designed for the modern muse."
animationType="slide-up"
/>
</div>
@@ -187,48 +102,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Luminous Foundation",
price: "$45",
variant: "Rose Gold",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-product-with-balloons_187299-46268.jpg",
},
{
id: "p2",
name: "Velvet Lip Tint",
price: "$28",
variant: "Deep Berry",
imageSrc: "http://img.b2bpic.net/free-photo/view-make-up-foundation-products_23-2149736902.jpg",
},
{
id: "p3",
name: "Starlight Palette",
price: "$62",
variant: "Bronze",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cosmetics-still-life_23-2149234346.jpg",
},
{
id: "p4",
name: "Glow Highlighter",
price: "$34",
variant: "Nude",
imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263157.jpg",
},
{
id: "p5",
name: "Matte Setting Spray",
price: "$38",
variant: "Universal",
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382792.jpg",
},
{
id: "p6",
name: "Glossy Lip Oil",
price: "$22",
variant: "Bronze",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bright-red-lip-gloss-with-sky-background_23-2149681520.jpg",
},
{ id: "p1", name: "Luminous Foundation", price: "$45", variant: "Rose Gold", imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-product-with-balloons_187299-46268.jpg" },
{ id: "p2", name: "Velvet Lip Tint", price: "$28", variant: "Deep Berry", imageSrc: "http://img.b2bpic.net/free-photo/view-make-up-foundation-products_23-2149736902.jpg" },
{ id: "p3", name: "Starlight Palette", price: "$62", variant: "Bronze", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cosmetics-still-life_23-2149234346.jpg" },
{ id: "p4", name: "Glow Highlighter", price: "$34", variant: "Nude", imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263157.jpg" },
{ id: "p5", name: "Matte Setting Spray", price: "$38", variant: "Universal", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382792.jpg" },
{ id: "p6", name: "Glossy Lip Oil", price: "$22", variant: "Bronze", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bright-red-lip-gloss-with-sky-background_23-2149681520.jpg" },
]}
title="Shop the Looks"
description="From daytime nude to night-out glam."
@@ -242,27 +121,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Diverse Shades",
description: "Inclusive artistry.",
icon: CheckCircle,
},
{
id: "m2",
value: "24hr",
title: "Glowing Wear",
description: "Long-lasting luminosity.",
icon: Sparkles,
},
{
id: "m3",
value: "50+",
title: "Pigment Intensity",
description: "Professional quality.",
icon: Award,
},
{ id: "m1", value: "100%", title: "Diverse Shades", description: "Inclusive artistry.", icon: CheckCircle },
{ id: "m2", value: "24hr", title: "Glowing Wear", description: "Long-lasting luminosity.", icon: Sparkles },
{ id: "m3", value: "50+", title: "Pigment Intensity", description: "Professional quality.", icon: Award },
]}
title="Campaign Highlights"
description="Measured in radiance."
@@ -273,33 +134,14 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Jordan P.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
},
{
id: "t2",
name: "Alexia M.",
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-blond-young-woman-model-with-bright-makeup-with-red-lips-with-perfect-clean-skin-black-cloth_158538-9675.jpg",
},
{
id: "t3",
name: "Chloe T.",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-silver-dress-sexy-carefree-woman-posing-near-white-wall-studio-circle-lightfashionable-model-with-bright-makeup-high-fashion_158538-22770.jpg",
},
{
id: "t4",
name: "Ria D.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
},
{
id: "t5",
name: "Samira H.",
imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-dress-posing-blue-sky-background_158538-9245.jpg",
},
{ id: "t1", name: "Jordan P.", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" },
{ id: "t2", name: "Alexia M.", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-blond-young-woman-model-with-bright-makeup-with-red-lips-with-perfect-clean-skin-black-cloth_158538-9675.jpg" },
{ id: "t3", name: "Chloe T.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-silver-dress-sexy-carefree-woman-posing-near-white-wall-studio-circle-lightfashionable-model-with-bright-makeup-high-fashion_158538-22770.jpg" },
{ id: "t4", name: "Ria D.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg" },
{ id: "t5", name: "Samira H.", imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-dress-posing-blue-sky-background_158538-9245.jpg" },
]}
cardTitle="Loved by the Community"
cardTag="Community"
cardAnimation="blur-reveal"
/>
</div>
@@ -308,21 +150,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How to prep skin?",
content: "Cleanse and moisturize for the perfect base.",
},
{
id: "q2",
title: "Can I mix shades?",
content: "Absolutely, our formulas are designed to be layered.",
},
{
id: "q3",
title: "How to create day glam?",
content: "Focus on the nude collection with soft bronze strokes.",
},
{ id: "q1", title: "How to prep skin?", content: "Cleanse and moisturize for the perfect base." },
{ id: "q2", title: "Can I mix shades?", content: "Absolutely, our formulas are designed to be layered." },
{ id: "q3", title: "How to create day glam?", content: "Focus on the nude collection with soft bronze strokes." },
]}
sideTitle="Expert Beauty Tips"
faqsAnimation="blur-reveal"
@@ -332,61 +162,18 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Ready to launch your own glowing look?"
buttons={[
{
text: "Get The Look",
href: "#",
},
]}
buttons={[{ text: "Get The Look", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Shop",
items: [
{
label: "Foundations",
href: "#",
},
{
label: "Lipsticks",
href: "#",
},
],
},
{
title: "Community",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "TikTok",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
{ title: "Shop", items: [{ label: "Foundations", href: "#" }, { label: "Lipsticks", href: "#" }] },
{ title: "Community", items: [{ label: "Instagram", href: "#" }, { label: "TikTok", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Privacy Policy", href: "#" }] },
]}
bottomLeftText="© 2024 Huda Beauty"
bottomRightText="All rights reserved."