bender/9cbfb360-b6c7-4234-9c05-4286408b56dd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
..
compare: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

3 Commits
version_1 ... main

Author SHA1 Message Date
bender
0d7f197fca Merge version_2 into main 
Merge version_2 into main
 2026-04-03 06:28:21 +00:00
bender
aeb6c5e914 Update src/app/styles/variables.css 2026-04-03 06:28:18 +00:00
bender
7891a8ddc3 Update src/app/page.tsx 2026-04-03 06:28:17 +00:00
2 changed files with 41 additions and 135 deletions
Expand all files Collapse all files

168
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Collection",
id: "#products",
},
name: "Collection", id: "#products"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Ravix"
/>
@@ -58,9 +50,7 @@ export default function LandingPage() {
description="Redefining elegance with every step. Experience unparalleled comfort and timeless design."
buttons={[
{
text: "Shop Collection",
href: "#products",
},
text: "Shop Collection", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-legs_23-2148436076.jpg"
imageAlt="Ravix signature luxury shoe"
@@ -74,19 +64,13 @@ export default function LandingPage() {
metrics={[
{
icon: Zap,
label: "Innovations",
value: "12+",
},
label: "Innovations", value: "12+"},
{
icon: Award,
label: "Quality Awards",
value: "5",
},
label: "Quality Awards", value: "5"},
{
icon: Users,
label: "Happy Clients",
value: "10k",
},
label: "Happy Clients", value: "10k"},
]}
metricsAnimation="blur-reveal"
/>
@@ -100,41 +84,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Urban Glide",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-stylish-classic-womens-shoes-high-hills-color-background_460848-10720.jpg",
},
id: "1", name: "Urban Glide", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-stylish-classic-womens-shoes-high-hills-color-background_460848-10720.jpg"},
{
id: "2",
name: "Aero Sprint",
price: "$145",
imageSrc: "http://img.b2bpic.net/free-photo/female-stretching-out-before-training-near-gray-wall-studio_158538-3633.jpg",
},
id: "2", name: "Aero Sprint", price: "$145", imageSrc: "http://img.b2bpic.net/free-photo/female-stretching-out-before-training-near-gray-wall-studio_158538-3633.jpg"},
{
id: "3",
name: "Velocis High",
price: "$180",
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-down-stairs_53876-101877.jpg",
},
id: "3", name: "Velocis High", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-down-stairs_53876-101877.jpg"},
{
id: "4",
name: "Classic Step",
price: "$110",
imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-7419.jpg",
},
id: "4", name: "Classic Step", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-7419.jpg"},
{
id: "5",
name: "Metro Drift",
price: "$135",
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors_23-2150975433.jpg",
},
id: "5", name: "Metro Drift", price: "$135", imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors_23-2150975433.jpg"},
{
id: "6",
name: "Summer Breeze",
price: "$95",
imageSrc: "http://img.b2bpic.net/free-photo/boy-with-white-shoes-stepping-floor_58702-7852.jpg",
},
id: "6", name: "Summer Breeze", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/boy-with-white-shoes-stepping-floor_58702-7852.jpg"},
]}
title="Signature Collection"
description="Crafted with precision for the modern lifestyle."
@@ -146,23 +106,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Fashion Daily",
"Urban Style",
"Design Hub",
"Modern Retail",
"Trend Watch",
"Footwear Press",
"Global Style",
]}
"Fashion Daily", "Urban Style", "Design Hub", "Modern Retail", "Trend Watch", "Footwear Press", "Global Style"]}
logos={[
"http://img.b2bpic.net/free-vector/illustration-boutique-shop-logo-stamp-banner_53876-6852.jpg",
"http://img.b2bpic.net/free-photo/portrait-woman-representing-virgo-zodiac-sign_23-2151006272.jpg",
"http://img.b2bpic.net/free-photo/great-excellence-reward-perforated-paper-star_53876-16436.jpg",
"http://img.b2bpic.net/free-vector/woman-shopping-icon-flat_1284-4447.jpg",
"http://img.b2bpic.net/free-photo/best-quality-class-excellence-standard_53876-133762.jpg",
"http://img.b2bpic.net/free-vector/flat-design-book-logo-pack_23-2148810656.jpg",
"http://img.b2bpic.net/free-vector/labor-day-labels-collection_23-2147546662.jpg",
]}
"http://img.b2bpic.net/free-vector/illustration-boutique-shop-logo-stamp-banner_53876-6852.jpg", "http://img.b2bpic.net/free-photo/portrait-woman-representing-virgo-zodiac-sign_23-2151006272.jpg", "http://img.b2bpic.net/free-photo/great-excellence-reward-perforated-paper-star_53876-16436.jpg", "http://img.b2bpic.net/free-vector/woman-shopping-icon-flat_1284-4447.jpg", "http://img.b2bpic.net/free-photo/best-quality-class-excellence-standard_53876-133762.jpg", "http://img.b2bpic.net/free-vector/flat-design-book-logo-pack_23-2148810656.jpg", "http://img.b2bpic.net/free-vector/labor-day-labels-collection_23-2147546662.jpg"]}
title="As Featured In"
description="Recognized by industry leaders in design and fashion."
/>
@@ -176,25 +122,15 @@ export default function LandingPage() {
author="Sarah Miller"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
alt: "Sarah",
},
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg", alt: "Sarah"},
{
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
alt: "John",
},
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "John"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-bicycle_23-2149213188.jpg",
alt: "Emily",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-bicycle_23-2149213188.jpg", alt: "Emily"},
{
src: "http://img.b2bpic.net/free-photo/just-look-these-shoes_1098-16919.jpg",
alt: "Mark",
},
src: "http://img.b2bpic.net/free-photo/just-look-these-shoes_1098-16919.jpg", alt: "Mark"},
{
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
alt: "Jessica",
},
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg", alt: "Jessica"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -207,25 +143,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What is the return policy?",
content: "We offer a 30-day return policy for all unworn shoes.",
},
id: "1", title: "What is the return policy?", content: "We offer a 30-day return policy for all unworn shoes."},
{
id: "2",
title: "Are your shoes sustainable?",
content: "Yes, we prioritize ethically sourced materials in every design.",
},
id: "2", title: "Are your shoes sustainable?", content: "Yes, we prioritize ethically sourced materials in every design."},
{
id: "3",
title: "How do I find my size?",
content: "Check our comprehensive size guide on each product page.",
},
id: "3", title: "How do I find my size?", content: "Check our comprehensive size guide on each product page."},
{
id: "4",
title: "Do you ship internationally?",
content: "Currently, we ship to over 50 countries worldwide.",
},
id: "4", title: "Do you ship internationally?", content: "Currently, we ship to over 50 countries worldwide."},
]}
title="Common Questions"
description="Everything you need to know about your Ravix experience."
@@ -237,14 +161,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
text="Ready to step up? Let's connect."
buttons={[
{
text: "Contact Support",
href: "#",
},
text: "Contact Support", href: "#"},
]}
/>
</div>
@@ -253,42 +174,27 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "New Arrivals",
href: "#",
},
label: "New Arrivals", href: "#"},
{
label: "Best Sellers",
href: "#",
},
label: "Best Sellers", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}
@@ -298,4 +204,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

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

@@ -13,12 +13,12 @@
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--primary-cta: #7851A9;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta: #ffffff;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
--accent: #7851A9;
--background-accent: #e8e0f5;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);