Merge version_1 into main #2
205
src/app/page.tsx
205
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Studio"
|
||||
/>
|
||||
@@ -52,42 +40,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Handmade Luxury Bags & Web Designer"
|
||||
description="I craft bespoke leather goods and high-end digital experiences. Bridging the gap between tactile artistry and modern web design."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Portfolio", href: "#portfolio" },
|
||||
{ text: "Contact Me", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916727.jpg?_wi=1",
|
||||
imageAlt: "Handmade leather bag",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-using-cad-software-arranging-furniture_482257-119046.jpg?_wi=1",
|
||||
imageAlt: "Digital design interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-paint-desk-concept_23-2148697057.jpg",
|
||||
imageAlt: "Creative workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-artisan-holding-tools_23-2150104789.jpg?_wi=1",
|
||||
imageAlt: "Artisan leather work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-purse-studio-still-life_23-2151046457.jpg?_wi=1",
|
||||
imageAlt: "Designer clutch details",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916727.jpg", imageAlt: "Handmade leather bag" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-using-cad-software-arranging-furniture_482257-119046.jpg", imageAlt: "Digital design interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-paint-desk-concept_23-2148697057.jpg", imageAlt: "Creative workspace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/back-view-artisan-holding-tools_23-2150104789.jpg", imageAlt: "Artisan leather work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/small-purse-studio-still-life_23-2151046457.jpg", imageAlt: "Designer clutch details" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -97,15 +62,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting Stories in Leather & Code",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-working-her-worshop_23-2149536243.jpg",
|
||||
alt: "About Me",
|
||||
},
|
||||
{ type: "text", content: "Crafting Stories in Leather & Code" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/young-woman-working-her-worshop_23-2149536243.jpg", alt: "About Me" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,60 +75,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "bag1",
|
||||
brand: "Studio",
|
||||
name: "Minimalist Tote",
|
||||
price: "$340",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-artisan-holding-tools_23-2150104789.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "bag2",
|
||||
brand: "Studio",
|
||||
name: "Classic Clutch",
|
||||
price: "$180",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/accessories-nail-polish_23-2147710692.jpg",
|
||||
},
|
||||
{
|
||||
id: "bag3",
|
||||
brand: "Studio",
|
||||
name: "Leather Crossbody",
|
||||
price: "$290",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576840.jpg",
|
||||
},
|
||||
{
|
||||
id: "bag4",
|
||||
brand: "Studio",
|
||||
name: "Signature Satchel",
|
||||
price: "$420",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-purse-studio-still-life_23-2151046457.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "bag5",
|
||||
brand: "Studio",
|
||||
name: "Structured Tote",
|
||||
price: "$380",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wallet-with-crisis_23-2148542021.jpg",
|
||||
},
|
||||
{
|
||||
id: "bag6",
|
||||
brand: "Studio",
|
||||
name: "Artisan Wallet",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-studio-creates-leather-ware_1157-33221.jpg",
|
||||
},
|
||||
{ id: "bag1", brand: "Studio", name: "Minimalist Tote", price: "$340", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/back-view-artisan-holding-tools_23-2150104789.jpg" },
|
||||
{ id: "bag2", brand: "Studio", name: "Classic Clutch", price: "$180", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/accessories-nail-polish_23-2147710692.jpg" },
|
||||
{ id: "bag3", brand: "Studio", name: "Leather Crossbody", price: "$290", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576840.jpg" },
|
||||
{ id: "bag4", brand: "Studio", name: "Signature Satchel", price: "$420", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/small-purse-studio-still-life_23-2151046457.jpg" },
|
||||
{ id: "bag5", brand: "Studio", name: "Structured Tote", price: "$380", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/wallet-with-crisis_23-2148542021.jpg" },
|
||||
{ id: "bag6", brand: "Studio", name: "Artisan Wallet", price: "$120", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/man-studio-creates-leather-ware_1157-33221.jpg" },
|
||||
]}
|
||||
title="Handmade Bag Collection"
|
||||
description="Each bag is designed and handmade with premium materials, blending timeless elegance with modern minimalist aesthetics."
|
||||
@@ -184,46 +94,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Web Design",
|
||||
description: "Modern, responsive websites with a focus on conversion and clean aesthetics.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-using-cad-software-arranging-furniture_482257-119046.jpg?_wi=2",
|
||||
imageAlt: "Web Design",
|
||||
},
|
||||
title: "Web Design", description: "Modern, responsive websites with a focus on conversion and clean aesthetics.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-using-cad-software-arranging-furniture_482257-119046.jpg", imageAlt: "Web Design"},
|
||||
items: [
|
||||
{
|
||||
icon: Code,
|
||||
text: "Custom Development",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
text: "UI/UX Design",
|
||||
},
|
||||
{ icon: Code, text: "Custom Development" },
|
||||
{ icon: Palette, text: "UI/UX Design" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916727.jpg?_wi=2",
|
||||
imageAlt: "luxury leather bag studio photo",
|
||||
},
|
||||
{
|
||||
title: "Bespoke Leather Craft",
|
||||
description: "Custom handmade leather bags created with sustainable, premium materials.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916727.jpg?_wi=3",
|
||||
imageAlt: "Leather Craft",
|
||||
},
|
||||
title: "Bespoke Leather Craft", description: "Custom handmade leather bags created with sustainable, premium materials.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916727.jpg", imageAlt: "Leather Craft"},
|
||||
items: [
|
||||
{
|
||||
icon: Scissors,
|
||||
text: "Handmade Craft",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Premium Materials",
|
||||
},
|
||||
{ icon: Scissors, text: "Handmade Craft" },
|
||||
{ icon: Sparkles, text: "Premium Materials" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-using-cad-software-arranging-furniture_482257-119046.jpg?_wi=3",
|
||||
imageAlt: "professional code editor workspace",
|
||||
},
|
||||
]}
|
||||
title="Professional Services"
|
||||
@@ -234,9 +120,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's work together"
|
||||
title="Get in touch"
|
||||
description="Interested in my work or have a custom project idea? Let's discuss it."
|
||||
@@ -248,33 +132,16 @@ export default function LandingPage() {
|
||||
logoText="Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
title: "Menu", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user