bender/22fbe995-70cf-4af2-943d-7f313f9d3a7c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-03-25 21:09:33 +00:00
parent d20a6319cc d28979e417
commit 98e6ece423
3 changed files with 44 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

170
src/app/page.tsx
View File

@@ -18,45 +18,33 @@ export default function LandingPage() {
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmallSizeLargeTitles"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
background="noise"
cardStyle="soft-shadow"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Reviews",
id: "testimonials",
},
name: "Reviews", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="NoseTrim Pro"
button={{
text: "Buy Now",
href: "#product",
}}
text: "Buy Now", href: "#product"}}
animateOnLoad={true}
/>
</div>
@@ -67,13 +55,9 @@ export default function LandingPage() {
description="Experience unparalleled precision and comfort. Say goodbye to unruly nose hair forever."
buttons={[
{
text: "Discover Features",
href: "#features",
},
text: "Discover Features", href: "#features"},
{
text: "Shop Now",
href: "#product",
},
text: "Shop Now", href: "#product"},
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPKWIKX6RV9UyOY7qj3hprcoOV/uploaded-1774385610209-i4b4tsmc.png"
@@ -88,9 +72,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Precision Engineered for Your Comfort"
description={[
"The NoseTrim Pro is designed with your utmost comfort and safety in mind. Its advanced rotary blade system ensures a smooth, tug-free trim every time, leaving you feeling confident and clean. Crafted from premium, hypoallergenic materials, it's gentle on even the most sensitive skin.",
"Its sleek, ergonomic design fits perfectly in your hand, making grooming effortless. Whether at home or on the go, NoseTrim Pro is your essential tool for impeccable personal care.",
]}
"The NoseTrim Pro is designed with your utmost comfort and safety in mind. Its advanced rotary blade system ensures a smooth, tug-free trim every time, leaving you feeling confident and clean. Crafted from premium, hypoallergenic materials, it's gentle on even the most sensitive skin.", "Its sleek, ergonomic design fits perfectly in your hand, making grooming effortless. Whether at home or on the go, NoseTrim Pro is your essential tool for impeccable personal care."]}
showBorder={false}
/>
</div>
@@ -102,28 +84,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Advanced Rotary System",
description: "Precision blades ensure a clean, fast, and pain-free trim without pulling.",
bentoComponent: "reveal-icon",
icon: Zap,
title: "Advanced Rotary System", description: "Precision blades ensure a clean, fast, and pain-free trim without pulling.", bentoComponent: "reveal-icon", icon: Zap,
},
{
title: "Waterproof Design",
description: "Easy to clean under running water for optimal hygiene and maintenance.",
bentoComponent: "reveal-icon",
icon: Droplet,
title: "Waterproof Design", description: "Easy to clean under running water for optimal hygiene and maintenance.", bentoComponent: "reveal-icon", icon: Droplet,
},
{
title: "Ergonomic Grip",
description: "Comfortable and secure handling for precise control and effortless use.",
bentoComponent: "reveal-icon",
icon: Feather,
title: "Ergonomic Grip", description: "Comfortable and secure handling for precise control and effortless use.", bentoComponent: "reveal-icon", icon: Feather,
},
{
title: "Long-Lasting Battery",
description: "Reliable power for multiple uses, ensuring you're always ready.",
bentoComponent: "reveal-icon",
icon: Gauge,
title: "Long-Lasting Battery", description: "Reliable power for multiple uses, ensuring you're always ready.", bentoComponent: "reveal-icon", icon: Gauge,
},
]}
title="Key Features That Set Us Apart"
@@ -139,35 +109,14 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
brand: "NoseTrim",
name: "NoseTrim Pro Standard Edition",
price: "$29.99",
rating: 4.8,
reviewCount: "2,450",
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects-with-copyspace_23-2148122049.jpg",
imageAlt: "NoseTrim Pro Standard Edition",
},
id: "1", brand: "NoseTrim", name: "NoseTrim Pro Standard Edition", price: "$29.99", rating: 4.8,
reviewCount: "2,450", imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects-with-copyspace_23-2148122049.jpg", imageAlt: "NoseTrim Pro Standard Edition"},
{
id: "2",
brand: "NoseTrim",
name: "NoseTrim Pro Travel Kit",
price: "$39.99",
rating: 4.7,
reviewCount: "1,200",
imageSrc: "http://img.b2bpic.net/free-photo/wooden-travel-background-with-accessories_23-2147828044.jpg",
imageAlt: "NoseTrim Pro Travel Kit",
},
id: "2", brand: "NoseTrim", name: "NoseTrim Pro Travel Kit", price: "$39.99", rating: 4.7,
reviewCount: "1,200", imageSrc: "http://img.b2bpic.net/free-photo/wooden-travel-background-with-accessories_23-2147828044.jpg", imageAlt: "NoseTrim Pro Travel Kit"},
{
id: "3",
brand: "NoseTrim",
name: "NoseTrim Pro Deluxe Edition",
price: "$49.99",
rating: 4.9,
reviewCount: "800",
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122047.jpg",
imageAlt: "NoseTrim Pro Deluxe Edition",
},
id: "3", brand: "NoseTrim", name: "NoseTrim Pro Deluxe Edition", price: "$49.99", rating: 4.9,
reviewCount: "800", imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122047.jpg", imageAlt: "NoseTrim Pro Deluxe Edition"},
]}
title="The NoseTrim Pro: Your Grooming Essential"
description="Invest in yourself with the definitive nose hair trimmer. Designed for efficiency, comfort, and style."
@@ -180,45 +129,13 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "John D.",
date: "May 15, 2024",
title: "A Game Changer for Grooming!",
quote: "I've tried many trimmers, but NoseTrim Pro is by far the best. It's painless, efficient, and leaves no stray hairs. Highly recommend!",
tag: "Verified Buyer",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man_23-2149880056.jpg",
avatarAlt: "John D.",
},
id: "1", name: "John D.", date: "May 15, 2024", title: "A Game Changer for Grooming!", quote: "I've tried many trimmers, but NoseTrim Pro is by far the best. It's painless, efficient, and leaves no stray hairs. Highly recommend!", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man_23-2149880056.jpg", avatarAlt: "John D."},
{
id: "2",
name: "Sarah L.",
date: "May 10, 2024",
title: "Smooth & Effortless",
quote: "Finally, a nose hair trimmer that doesn't pull! The ergonomic design makes it so easy to use, and it's super quiet. Love it!",
tag: "Beauty Enthusiast",
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-middle-eastern-model-touching-her-pretty-face-with-flawless-skin-smiling_633478-937.jpg",
avatarAlt: "Sarah L.",
},
id: "2", name: "Sarah L.", date: "May 10, 2024", title: "Smooth & Effortless", quote: "Finally, a nose hair trimmer that doesn't pull! The ergonomic design makes it so easy to use, and it's super quiet. Love it!", tag: "Beauty Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-middle-eastern-model-touching-her-pretty-face-with-flawless-skin-smiling_633478-937.jpg", avatarAlt: "Sarah L."},
{
id: "3",
name: "Michael R.",
date: "April 28, 2024",
title: "Perfect for Travel",
quote: "Compact and powerful. I take my NoseTrim Pro everywhere. The battery life is impressive, and it always delivers a clean trim.",
tag: "Frequent Traveler",
avatarSrc: "http://img.b2bpic.net/free-photo/business-backseat-adult-beard-car_1303-1273.jpg",
avatarAlt: "Michael R.",
},
id: "3", name: "Michael R.", date: "April 28, 2024", title: "Perfect for Travel", quote: "Compact and powerful. I take my NoseTrim Pro everywhere. The battery life is impressive, and it always delivers a clean trim.", tag: "Frequent Traveler", avatarSrc: "http://img.b2bpic.net/free-photo/business-backseat-adult-beard-car_1303-1273.jpg", avatarAlt: "Michael R."},
{
id: "4",
name: "Emily C.",
date: "April 20, 2024",
title: "Gentle on Sensitive Skin",
quote: "My skin is quite sensitive, and I was worried, but NoseTrim Pro is incredibly gentle. No irritation, just clean results. Fantastic product!",
tag: "New User",
avatarSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338335.jpg",
avatarAlt: "Emily C.",
},
id: "4", name: "Emily C.", date: "April 20, 2024", title: "Gentle on Sensitive Skin", quote: "My skin is quite sensitive, and I was worried, but NoseTrim Pro is incredibly gentle. No irritation, just clean results. Fantastic product!", tag: "New User", avatarSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338335.jpg", avatarAlt: "Emily C."},
]}
title="Hear From Our Happy Customers"
description="Real experiences from users who've transformed their grooming routine with NoseTrim Pro."
@@ -231,20 +148,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Is the NoseTrim Pro waterproof?",
content: "Yes, the NoseTrim Pro is designed to be fully waterproof, making it easy to clean under running water. This ensures optimal hygiene and extends the life of your device.",
},
id: "1", title: "Is the NoseTrim Pro waterproof?", content: "Yes, the NoseTrim Pro is designed to be fully waterproof, making it easy to clean under running water. This ensures optimal hygiene and extends the life of your device."},
{
id: "2",
title: "How long does the battery last?",
content: "The NoseTrim Pro features a long-lasting battery, providing several hours of continuous use on a single charge. It's perfect for multiple grooming sessions, whether at home or during travel.",
},
id: "2", title: "How long does the battery last?", content: "The NoseTrim Pro features a long-lasting battery, providing several hours of continuous use on a single charge. It's perfect for multiple grooming sessions, whether at home or during travel."},
{
id: "3",
title: "Does it pull or tug hairs?",
content: "Absolutely not. Our advanced rotary blade system is engineered for a smooth, tug-free trimming experience, minimizing discomfort and ensuring a precise cut every time.",
},
id: "3", title: "Does it pull or tug hairs?", content: "Absolutely not. Our advanced rotary blade system is engineered for a smooth, tug-free trimming experience, minimizing discomfort and ensuring a precise cut every time."},
]}
imageSrc="http://img.b2bpic.net/free-photo/cheerful-young-man-shaving-with-machine-against-white-background_23-2148088186.jpg"
mediaAnimation="opacity"
@@ -262,22 +170,14 @@ export default function LandingPage() {
description="Have a question or need support? Our team is here to help you with any inquiries about NoseTrim Pro."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 4,
name: "message", placeholder: "Your Message", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-flat-design-connecting-people-infographic_23-2149172366.jpg"

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-inter), sans-serif;
font-family: var(--font-dm-sans), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-mulish), sans-serif;
font-family: var(--font-manrope), sans-serif;
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #FFFFFF;
--card: #F3F6FD;
--foreground: #1A1A1A;
--primary-cta: #6666FF;
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1f3251;
--primary-cta-text: #FFFFFF;
--secondary-cta: #E0E7FF;
--secondary-cta: #ffffff;
--secondary-cta-text: #1A1A1A;
--accent: #A3B1FF;
--background-accent: #6666FF;
--accent: #15479c;
--background-accent: #a8cce8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);