Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ca28063914 | |||
| 8f519a32c2 | |||
| d90accb449 |
@@ -11,8 +11,8 @@ import { Raleway } from "next/font/google";
|
|||||||
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: 'ShadesCo - Premium Sunglasses for Your Style | Official Store',
|
title: 'JP Identity - Premium Sunglasses for Your Style | Official Store',
|
||||||
description: 'Discover ShadesCo: premium sunglasses designed for fashion-conscious young adults. Explore our modern, minimalist collections and customize your perfect pair. Shop now!',
|
description: 'Discover JP Identity: premium sunglasses designed for fashion-conscious young adults. Explore our modern, minimalist collections and customize your perfect pair. Shop now!',
|
||||||
keywords: ["sunglasses, eyewear, fashion, luxury, streetwear, customize, shades, summer, style, aesthetic"],
|
keywords: ["sunglasses, eyewear, fashion, luxury, streetwear, customize, shades, summer, style, aesthetic"],
|
||||||
openGraph: {
|
openGraph: {
|
||||||
"title": "ShadesCo - Premium Sunglasses for Your Style",
|
"title": "ShadesCo - Premium Sunglasses for Your Style",
|
||||||
|
|||||||
154
src/app/page.tsx
154
src/app/page.tsx
@@ -29,46 +29,31 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Shop",
|
name: "Shop", id: "shop"},
|
||||||
id: "shop",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Customize",
|
name: "Customize", id: "customize"},
|
||||||
id: "customize",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Social",
|
name: "Social", id: "social"},
|
||||||
id: "social",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="ShadesCo"
|
brandName="JP"
|
||||||
button={{
|
button={{
|
||||||
text: "Cart",
|
text: "Cart", href: "/cart"}}
|
||||||
href: "/cart",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboardSplit
|
<HeroLogoBillboardSplit
|
||||||
background={{
|
background={{
|
||||||
variant: "downward-rays-static",
|
variant: "downward-rays-static"}}
|
||||||
}}
|
logoText="JP Identity"
|
||||||
logoText="ShadesCo"
|
|
||||||
description="Premium sunglasses designed for your style, crafted for every adventure. Find your unique look."
|
description="Premium sunglasses designed for your style, crafted for every adventure. Find your unique look."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Shop Now",
|
text: "Shop Now", href: "/shop"},
|
||||||
href: "/shop",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Customize",
|
text: "Customize", href: "/customize"},
|
||||||
href: "/customize",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
layoutOrder="default"
|
layoutOrder="default"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-elegant-young-woman-with-sunglasses-narrow-street_23-2148068422.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-elegant-young-woman-with-sunglasses-narrow-street_23-2148068422.jpg"
|
||||||
@@ -85,45 +70,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "prod-1",
|
id: "prod-1", name: "The Voyager", price: "$120", variant: "Black Frame, Polarized Lens", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-rounded-frames-still-life_23-2150649668.jpg", imageAlt: "Sleek black sunglasses with polarized lenses"},
|
||||||
name: "The Voyager",
|
|
||||||
price: "$120",
|
|
||||||
variant: "Black Frame, Polarized Lens",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-rounded-frames-still-life_23-2150649668.jpg",
|
|
||||||
imageAlt: "Sleek black sunglasses with polarized lenses",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "prod-2",
|
id: "prod-2", name: "Classic Aviator", price: "$150", variant: "Gold Frame, Gradient Lens", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-rounded-frames-still-life_23-2150649717.jpg", imageAlt: "Classic aviator sunglasses with gold frame and gradient lenses"},
|
||||||
name: "Classic Aviator",
|
|
||||||
price: "$150",
|
|
||||||
variant: "Gold Frame, Gradient Lens",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-rounded-frames-still-life_23-2150649717.jpg",
|
|
||||||
imageAlt: "Classic aviator sunglasses with gold frame and gradient lenses",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "prod-3",
|
id: "prod-3", name: "Urban Round", price: "$110", variant: "Transparent Frame, Blue Tint", imageSrc: "http://img.b2bpic.net/free-photo/from-sunglasses_23-2147801051.jpg", imageAlt: "Trendy round sunglasses with transparent frame and blue tint"},
|
||||||
name: "Urban Round",
|
|
||||||
price: "$110",
|
|
||||||
variant: "Transparent Frame, Blue Tint",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/from-sunglasses_23-2147801051.jpg",
|
|
||||||
imageAlt: "Trendy round sunglasses with transparent frame and blue tint",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "prod-4",
|
id: "prod-4", name: "Sport Pro", price: "$135", variant: "Matte Black, Mirrored Lens (Only 7 Left)", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-eyeglasses-looking-camera_114579-60311.jpg", imageAlt: "Sporty performance sunglasses with mirrored lenses"},
|
||||||
name: "Sport Pro",
|
|
||||||
price: "$135",
|
|
||||||
variant: "Matte Black, Mirrored Lens (Only 7 Left)",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-eyeglasses-looking-camera_114579-60311.jpg",
|
|
||||||
imageAlt: "Sporty performance sunglasses with mirrored lenses",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "prod-5",
|
id: "prod-5", name: "Diva Cat-Eye", price: "$160", variant: "Oversized Black, Dark Lens (Limited Collection)", imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150163153.jpg", imageAlt: "Oversized cat-eye sunglasses with dark lenses"},
|
||||||
name: "Diva Cat-Eye",
|
|
||||||
price: "$160",
|
|
||||||
variant: "Oversized Black, Dark Lens (Limited Collection)",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150163153.jpg",
|
|
||||||
imageAlt: "Oversized cat-eye sunglasses with dark lenses",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Featured Collections"
|
title="Featured Collections"
|
||||||
description="Explore our hand-picked selection of best-selling and limited edition shades. Find your favorite."
|
description="Explore our hand-picked selection of best-selling and limited edition shades. Find your favorite."
|
||||||
@@ -137,49 +92,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "feat-frame",
|
id: "feat-frame", title: "Choose Your Frame", author: "Style Options", description: "Select from our premium collection of frame shapes and materials. Classic, modern, or bold – find your perfect foundation.", tags: [
|
||||||
title: "Choose Your Frame",
|
"Frame", "Material"],
|
||||||
author: "Style Options",
|
imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-showing-vulnerability-self-acceptance_23-2151237513.jpg", imageAlt: "Sunglass frame icon"},
|
||||||
description: "Select from our premium collection of frame shapes and materials. Classic, modern, or bold – find your perfect foundation.",
|
|
||||||
tags: [
|
|
||||||
"Frame",
|
|
||||||
"Material",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-showing-vulnerability-self-acceptance_23-2151237513.jpg",
|
|
||||||
imageAlt: "Sunglass frame icon",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "feat-lens",
|
id: "feat-lens", title: "Pick Your Lenses", author: "Color & Protection", description: "From vibrant tints to polarized protection, select lenses that match your vision and elevate your look. UV400 standard.", tags: [
|
||||||
title: "Pick Your Lenses",
|
"Lens", "Color"],
|
||||||
author: "Color & Protection",
|
imageSrc: "http://img.b2bpic.net/free-vector/flat-summer-cards_23-2148163515.jpg", imageAlt: "Sunglass lens icon"},
|
||||||
description: "From vibrant tints to polarized protection, select lenses that match your vision and elevate your look. UV400 standard.",
|
|
||||||
tags: [
|
|
||||||
"Lens",
|
|
||||||
"Color",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-summer-cards_23-2148163515.jpg",
|
|
||||||
imageAlt: "Sunglass lens icon",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "feat-engrave",
|
id: "feat-engrave", title: "Add Engraving", author: "Personal Touch", description: "Make them truly yours with a custom engraving on the temple or case. Your initials, a special date, or a personal motto.", tags: [
|
||||||
title: "Add Engraving",
|
"Personalization", "Engraving"],
|
||||||
author: "Personal Touch",
|
imageSrc: "http://img.b2bpic.net/free-vector/lettering-plant-care-gardening-stickers-collection_23-2150451514.jpg", imageAlt: "Engraving icon"},
|
||||||
description: "Make them truly yours with a custom engraving on the temple or case. Your initials, a special date, or a personal motto.",
|
|
||||||
tags: [
|
|
||||||
"Personalization",
|
|
||||||
"Engraving",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/lettering-plant-care-gardening-stickers-collection_23-2150451514.jpg",
|
|
||||||
imageAlt: "Engraving icon",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Design Your Own Sunglasses"
|
title="Design Your Own Sunglasses"
|
||||||
description="Unleash your creativity and design a pair of sunglasses that truly reflects your unique style. Choose from a range of frames, lenses, and personalize with custom engraving."
|
description="Unleash your creativity and design a pair of sunglasses that truly reflects your unique style. Choose from a range of frames, lenses, and personalize with custom engraving."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Start Customizing",
|
text: "Start Customizing", href: "/customize"},
|
||||||
href: "/customize",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -189,9 +118,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Our Vision: Style, Quality, Freedom."
|
title="Our Vision: Style, Quality, Freedom."
|
||||||
description={[
|
description={[
|
||||||
"At ShadesCo, we believe sunglasses are more than just an accessory—they're an extension of your personality. Founded with a passion for modern aesthetics and uncompromising quality, we craft eyewear that empowers you to express yourself.",
|
"At JP Identity, we believe sunglasses are more than just an accessory—they're an extension of your personality. Founded with a passion for modern aesthetics and uncompromising quality, we craft eyewear that empowers you to express yourself.", "We blend minimalist design with durable materials, creating pieces that are both luxurious and perfect for everyday street style. Join us in embracing the freedom of expression, one perfect pair at a time."]}
|
||||||
"We blend minimalist design with durable materials, creating pieces that are both luxurious and perfect for everyday street style. Join us in embracing the freedom of expression, one perfect pair at a time.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -199,20 +126,11 @@ export default function LandingPage() {
|
|||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
names={["ShadesCo User", "ShadesCo User", "ShadesCo User", "ShadesCo User", "ShadesCo User", "ShadesCo User", "ShadesCo User", "ShadesCo User", "ShadesCo User"]}
|
names={["JP Identity User", "JP Identity User", "JP Identity User", "JP Identity User", "JP Identity User", "JP Identity User", "JP Identity User", "JP Identity User", "JP Identity User"]}
|
||||||
logos={[
|
logos={[
|
||||||
"http://img.b2bpic.net/free-photo/carefree-girl-sitting-stairs-street-taking-selfie_158538-16478.jpg",
|
"http://img.b2bpic.net/free-photo/carefree-girl-sitting-stairs-street-taking-selfie_158538-16478.jpg", "http://img.b2bpic.net/free-photo/close-up-portrait-successful-black-woman_273443-1320.jpg", "http://img.b2bpic.net/free-photo/young-caucasian-tourist-girl-smiling-happy-doing-video-call-using-smartphone-city_839833-7363.jpg", "http://img.b2bpic.net/free-photo/handsome-businesman_1157-21731.jpg", "http://img.b2bpic.net/free-photo/close-up-portrait-tanned-young-woman-stylish-sunglasses-glamorous-girl-touching-her-glasses-smiling_197531-9102.jpg", "http://img.b2bpic.net/free-photo/portrait-smiling-european-girl-cute-orange-sunglasses-jacket-black-hat-autumn-fashion-street-cafe_273443-1660.jpg", "http://img.b2bpic.net/free-photo/carefree-girl-sitting-stairs-street-taking-selfie_158538-16478.jpg", "http://img.b2bpic.net/free-photo/close-up-portrait-successful-black-woman_273443-1320.jpg", "http://img.b2bpic.net/free-photo/young-caucasian-tourist-girl-smiling-happy-doing-video-call-using-smartphone-city_839833-7363.jpg"]}
|
||||||
"http://img.b2bpic.net/free-photo/close-up-portrait-successful-black-woman_273443-1320.jpg",
|
title="JP Identity in the Wild"
|
||||||
"http://img.b2bpic.net/free-photo/young-caucasian-tourist-girl-smiling-happy-doing-video-call-using-smartphone-city_839833-7363.jpg",
|
description="See how our community styles their favorite JP Identity sunglasses. Follow us on Instagram for daily inspiration!"
|
||||||
"http://img.b2bpic.net/free-photo/handsome-businesman_1157-21731.jpg",
|
|
||||||
"http://img.b2bpic.net/free-photo/close-up-portrait-tanned-young-woman-stylish-sunglasses-glamorous-girl-touching-her-glasses-smiling_197531-9102.jpg",
|
|
||||||
"http://img.b2bpic.net/free-photo/portrait-smiling-european-girl-cute-orange-sunglasses-jacket-black-hat-autumn-fashion-street-cafe_273443-1660.jpg",
|
|
||||||
"http://img.b2bpic.net/free-photo/carefree-girl-sitting-stairs-street-taking-selfie_158538-16478.jpg",
|
|
||||||
"http://img.b2bpic.net/free-photo/close-up-portrait-successful-black-woman_273443-1320.jpg",
|
|
||||||
"http://img.b2bpic.net/free-photo/young-caucasian-tourist-girl-smiling-happy-doing-video-call-using-smartphone-city_839833-7363.jpg",
|
|
||||||
]}
|
|
||||||
title="ShadesCo in the Wild"
|
|
||||||
description="See how our community styles their favorite ShadesCo sunglasses. Follow us on Instagram for daily inspiration!"
|
|
||||||
speed={60}
|
speed={60}
|
||||||
showCard={false}
|
showCard={false}
|
||||||
/>
|
/>
|
||||||
@@ -220,18 +138,14 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="ShadesCo"
|
logoText="JP Identity"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Privacy Policy",
|
text: "Privacy Policy", href: "/privacy"}}
|
||||||
href: "/privacy",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "Shipping & Returns",
|
text: "Shipping & Returns", href: "/shipping"}}
|
||||||
href: "/shipping",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user