Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ca28063914 | |||
| 8f519a32c2 | |||
| d90accb449 |
@@ -11,8 +11,8 @@ import { Raleway } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'ShadesCo - 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!',
|
||||
title: 'JP Identity - Premium Sunglasses for Your Style | Official Store',
|
||||
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"],
|
||||
openGraph: {
|
||||
"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
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Shop", id: "shop"},
|
||||
{
|
||||
name: "Customize",
|
||||
id: "customize",
|
||||
},
|
||||
name: "Customize", id: "customize"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Social",
|
||||
id: "social",
|
||||
},
|
||||
name: "Social", id: "social"},
|
||||
]}
|
||||
brandName="ShadesCo"
|
||||
brandName="JP"
|
||||
button={{
|
||||
text: "Cart",
|
||||
href: "/cart",
|
||||
}}
|
||||
text: "Cart", href: "/cart"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
logoText="ShadesCo"
|
||||
variant: "downward-rays-static"}}
|
||||
logoText="JP Identity"
|
||||
description="Premium sunglasses designed for your style, crafted for every adventure. Find your unique look."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
text: "Shop Now", href: "/shop"},
|
||||
{
|
||||
text: "Customize",
|
||||
href: "/customize",
|
||||
},
|
||||
text: "Customize", href: "/customize"},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
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}
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Featured Collections"
|
||||
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}
|
||||
features={[
|
||||
{
|
||||
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: [
|
||||
"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-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: [
|
||||
"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",
|
||||
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: [
|
||||
"Lens",
|
||||
"Color",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-summer-cards_23-2148163515.jpg",
|
||||
imageAlt: "Sunglass lens icon",
|
||||
},
|
||||
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: [
|
||||
"Lens", "Color"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-summer-cards_23-2148163515.jpg", imageAlt: "Sunglass lens icon"},
|
||||
{
|
||||
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: [
|
||||
"Personalization",
|
||||
"Engraving",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/lettering-plant-care-gardening-stickers-collection_23-2150451514.jpg",
|
||||
imageAlt: "Engraving icon",
|
||||
},
|
||||
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: [
|
||||
"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"
|
||||
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={[
|
||||
{
|
||||
text: "Start Customizing",
|
||||
href: "/customize",
|
||||
},
|
||||
text: "Start Customizing", href: "/customize"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -189,9 +118,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Vision: Style, Quality, Freedom."
|
||||
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.",
|
||||
"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.",
|
||||
]}
|
||||
"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."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -199,20 +126,11 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
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={[
|
||||
"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",
|
||||
]}
|
||||
title="ShadesCo in the Wild"
|
||||
description="See how our community styles their favorite ShadesCo sunglasses. Follow us on Instagram for daily inspiration!"
|
||||
"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"]}
|
||||
title="JP Identity in the Wild"
|
||||
description="See how our community styles their favorite JP Identity sunglasses. Follow us on Instagram for daily inspiration!"
|
||||
speed={60}
|
||||
showCard={false}
|
||||
/>
|
||||
@@ -220,18 +138,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="ShadesCo"
|
||||
logoText="JP Identity"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
text: "Privacy Policy", href: "/privacy"}}
|
||||
rightLink={{
|
||||
text: "Shipping & Returns",
|
||||
href: "/shipping",
|
||||
}}
|
||||
text: "Shipping & Returns", href: "/shipping"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user