bender/571e85b7-107e-40d0-9b07-4e102e68ffe2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-05 10:17:46 +00:00
Conversation 0 Commits 2 Files Changed 2 +42 -186
2 changed files with 42 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

214
src/app/page.tsx
View File

@@ -4,9 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
@@ -14,36 +14,24 @@ export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="smallMedium"
sizing="medium"
background="noise"
cardStyle="subtle-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="bold"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="large"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Shop",
id: "products",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Shop", id: "products" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Sole & Soul"
/>
@@ -55,82 +43,26 @@ export default function LandingPage() {
description="Experience unparalleled comfort and timeless design with our latest premium footwear collection."
tag="New Collection"
buttons={[
{
text: "Shop Now",
href: "#products",
},
{ text: "Shop Now", href: "#products" },
]}
imageSrc="http://img.b2bpic.net/free-photo/footwear-two-fashion-leather-white_1203-6541.jpg?_wi=1"
imageAlt="Luxury sneaker collection"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-posing-wrapping-up-grey-cloth_176420-16804.jpg",
alt: "Sarah J.",
},
{
src: "http://img.b2bpic.net/free-photo/man-blue-suit-sitting-white-room-with-windows-background_613910-10638.jpg",
alt: "Marcus V.",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-leaning-against-wooden-sculpture_171337-19338.jpg",
alt: "Elena R.",
},
{
src: "http://img.b2bpic.net/free-photo/man-with-smartphone-walking-near-road_23-2147747839.jpg",
alt: "David L.",
},
{
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-wet-hair-posing-studio-wearing-black-oversize-blazer-shiny-necklace_343596-7120.jpg",
alt: "Jessica M.",
},
]}
avatarText="Loved by thousands"
showBlur={true}
textPosition="bottom"
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
animationType="blur-reveal"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Midnight Leather",
price: "$295",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-stylish-shoes-store_627829-6034.jpg?_wi=1",
},
{
id: "2",
name: "Cloud Runner",
price: "$185",
imageSrc: "http://img.b2bpic.net/free-photo/sitting-female-legs-boots-with-flowers-inside_23-2148098451.jpg?_wi=1",
},
{
id: "3",
name: "Classic Oxford",
price: "$320",
imageSrc: "http://img.b2bpic.net/free-photo/woman-leather-shoes_1203-8259.jpg?_wi=1",
},
{
id: "4",
name: "Urban Trainer",
price: "$210",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005662.jpg?_wi=1",
},
{
id: "5",
name: "Suede Slip-on",
price: "$165",
imageSrc: "http://img.b2bpic.net/free-photo/legs-up-air_53876-74911.jpg",
},
{
id: "6",
name: "High-Top Court",
price: "$245",
imageSrc: "http://img.b2bpic.net/free-photo/3d-shoe-shape-glowing-with-bright-holographic-colors_23-2151037288.jpg",
},
{ id: "1", name: "Midnight Leather", price: "$295", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-stylish-shoes-store_627829-6034.jpg?_wi=1" },
{ id: "2", name: "Cloud Runner", price: "$185", imageSrc: "http://img.b2bpic.net/free-photo/sitting-female-legs-boots-with-flowers-inside_23-2148098451.jpg?_wi=1" },
{ id: "3", name: "Classic Oxford", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/woman-leather-shoes_1203-8259.jpg?_wi=1" },
{ id: "4", name: "Urban Trainer", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005662.jpg?_wi=1" },
]}
title="Curated Collections"
description="Handcrafted excellence for the modern minimalist."
@@ -142,61 +74,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
date: "Oct 2023",
title: "Style Editor",
quote: "The most comfortable and aesthetically pleasing shoe I've ever owned.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-posing-wrapping-up-grey-cloth_176420-16804.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/footwear-two-fashion-leather-white_1203-6541.jpg?_wi=2",
imageAlt: "luxury leather sneaker studio photography",
},
{
id: "2",
name: "Marcus V.",
date: "Nov 2023",
title: "Architect",
quote: "Incredible attention to detail. These shoes are architectural marvels.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/man-blue-suit-sitting-white-room-with-windows-background_613910-10638.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-stylish-shoes-store_627829-6034.jpg?_wi=2",
imageAlt: "modern leather sneaker side view",
},
{
id: "3",
name: "Elena R.",
date: "Dec 2023",
title: "Creative Director",
quote: "Timeless, minimal, and perfectly balanced. Truly luxury footwear.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-leaning-against-wooden-sculpture_171337-19338.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/sitting-female-legs-boots-with-flowers-inside_23-2148098451.jpg?_wi=2",
imageAlt: "white minimalist running shoe",
},
{
id: "4",
name: "David L.",
date: "Jan 2024",
title: "Product Designer",
quote: "The craftmanship is unmatched. Worth every penny for the quality.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/man-with-smartphone-walking-near-road_23-2147747839.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-leather-shoes_1203-8259.jpg?_wi=2",
imageAlt: "brown leather oxford dress shoe",
},
{
id: "5",
name: "Jessica M.",
date: "Feb 2024",
title: "Fashion Blogger",
quote: "Finally, a minimalist shoe that feels as good as it looks.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-wet-hair-posing-studio-wearing-black-oversize-blazer-shiny-necklace_343596-7120.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005662.jpg?_wi=2",
imageAlt: "black running trainer lightweight",
},
{ id: "1", name: "Sarah J.", date: "Oct 2023", title: "Style Editor", quote: "The most comfortable and aesthetically pleasing shoe I've ever owned.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-posing-wrapping-up-grey-cloth_176420-16804.jpg" },
{ id: "2", name: "Marcus V.", date: "Nov 2023", title: "Architect", quote: "Incredible attention to detail. These shoes are architectural marvels.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/man-blue-suit-sitting-white-room-with-windows-background_613910-10638.jpg" },
]}
title="Loved by Stylists"
description="See why footwear enthusiasts choose Sole & Soul."
@@ -210,20 +89,8 @@ export default function LandingPage() {
title="Why Choose Sole & Soul"
description="Every pair is a testament to our dedication to quality, comfort, and sustainable practices."
features={[
{
tag: "Quality",
title: "Premium Materials",
subtitle: "Only the best leather",
description: "We source sustainably harvested leather for maximum longevity.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-stylish-shoes-store_627829-6034.jpg?_wi=3",
},
{
tag: "Comfort",
title: "Ergonomic Design",
subtitle: "All-day support",
description: "Engineered for support that contours to your unique footprint.",
imageSrc: "http://img.b2bpic.net/free-photo/sitting-female-legs-boots-with-flowers-inside_23-2148098451.jpg?_wi=3",
},
{ tag: "Quality", title: "Premium Materials", subtitle: "Only the best leather", description: "We source sustainably harvested leather for maximum longevity.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-stylish-shoes-store_627829-6034.jpg?_wi=3" },
{ tag: "Comfort", title: "Ergonomic Design", subtitle: "All-day support", description: "Engineered for support that contours to your unique footprint.", imageSrc: "http://img.b2bpic.net/free-photo/sitting-female-legs-boots-with-flowers-inside_23-2148098451.jpg?_wi=3" },
]}
/>
</div>
@@ -231,32 +98,21 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Get in Touch"
title="Ready to step up your style?"
description="Join our newsletter for exclusive drops and early access to our seasonal collections."
buttons={[
{
text: "Subscribe Now",
href: "#",
},
]}
buttons={[{ text: "Subscribe Now", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterBase
logoText="Sole & Soul"
leftLink={{
text: "Terms of Service",
href: "#",
}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
columns={[
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
{ title: "Support", items: [{ label: "Contact", href: "#" }, { label: "Shipping", href: "#" }] }
]}
/>
</div>
</ReactLenis>

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--background: #fbfbfb;
--card: #ffffff;
--foreground: #1d1d1f;
--primary-cta: #0071e3;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta: #f5f5f7;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
--accent: #d2d2d7;
--background-accent: #e8e8ed;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);