Merge version_1 into main #2
@@ -9,7 +9,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -27,28 +27,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Lookbook",
|
||||
id: "/lookbook",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Lookbook", id: "/lookbook" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="OceanWave"
|
||||
button={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,15 +42,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission in Portugal",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-seamstress-drawing-with-soap-pink-textile-modern-sewing-workshop_574295-3700.jpg",
|
||||
alt: "Portugal Coastline",
|
||||
},
|
||||
{ type: "text", content: "Our Mission in Portugal" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-seamstress-drawing-with-soap-pink-textile-modern-sewing-workshop_574295-3700.jpg", alt: "Portugal Coastline" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -74,8 +53,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Journey"
|
||||
description={[
|
||||
"Started in the heart of Portugal.",
|
||||
"Our goal is simple: to make waves while keeping the ocean clean.",
|
||||
"Started in the heart of Portugal.", "Our goal is simple: to make waves while keeping the ocean clean."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -89,16 +67,8 @@ export default function LandingPage() {
|
||||
title="Our Promise"
|
||||
description="A commitment to quality and earth."
|
||||
features={[
|
||||
{
|
||||
title: "Fair Wages",
|
||||
description: "We treat our workers as family.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-looking-phone_23-2149729284.jpg",
|
||||
},
|
||||
{
|
||||
title: "Transparency",
|
||||
description: "From farm to shop, no secrets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-ribbon_23-2149247502.jpg",
|
||||
},
|
||||
{ title: "Fair Wages", description: "We treat our workers as family.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-looking-phone_23-2149729284.jpg" },
|
||||
{ title: "Transparency", description: "From farm to shop, no secrets.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-ribbon_23-2149247502.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,20 +78,12 @@ export default function LandingPage() {
|
||||
logoText="OceanWave"
|
||||
copyrightText="© 2025 OceanWave Apparel"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -9,7 +9,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -27,37 +27,21 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Lookbook",
|
||||
id: "/lookbook",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Lookbook", id: "/lookbook" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="OceanWave"
|
||||
button={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Catch the Wave of Style!"
|
||||
description="Join our newsletter and be the first to know about new beachwear arrivals."
|
||||
tag="Stay Updated"
|
||||
@@ -71,16 +55,8 @@ export default function LandingPage() {
|
||||
description="Have questions about our sustainability practices or your order?"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/outdoor-shot-fashionable-young-male-model-wearing-black-shades-snapback-carrying-white-surfboard-his-arm_273609-1524.jpg"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your name" },
|
||||
{ name: "email", type: "email", placeholder: "Your email" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,16 +70,8 @@ export default function LandingPage() {
|
||||
title="Help Center"
|
||||
description="We are always here to help you catch the best wave."
|
||||
features={[
|
||||
{
|
||||
title: "Shipping Info",
|
||||
description: "Eco-friendly shipping to your door.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-walking-park_273609-14254.jpg",
|
||||
},
|
||||
{
|
||||
title: "Returns",
|
||||
description: "Easy, no-questions-asked returns.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-nature_23-2148503454.jpg",
|
||||
},
|
||||
{ title: "Shipping Info", description: "Eco-friendly shipping to your door.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-walking-park_273609-14254.jpg" },
|
||||
{ title: "Returns", description: "Easy, no-questions-asked returns.", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-nature_23-2148503454.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,20 +81,12 @@ export default function LandingPage() {
|
||||
logoText="OceanWave"
|
||||
copyrightText="© 2025 OceanWave Apparel"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -9,7 +9,7 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function LookbookPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -27,28 +27,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Lookbook",
|
||||
id: "/lookbook",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Lookbook", id: "/lookbook" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="OceanWave"
|
||||
button={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -57,47 +43,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "l1",
|
||||
name: "Look One",
|
||||
role: "Surf Session",
|
||||
company: "Summer 2024",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-wet-long-hair-posing-camera-with-surf-board-near-ocean-sunlight_291650-1677.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "l2",
|
||||
name: "Look Two",
|
||||
role: "Beach Walk",
|
||||
company: "Autumn 2024",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-wearing-bikini-summer-hat-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-20739.jpg",
|
||||
},
|
||||
{
|
||||
id: "l3",
|
||||
name: "Look Three",
|
||||
role: "Ocean Breeze",
|
||||
company: "Style 2024",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg",
|
||||
},
|
||||
{
|
||||
id: "l4",
|
||||
name: "Look Four",
|
||||
role: "Adventure Day",
|
||||
company: "Vibe 2024",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-surfer-beach-holding-up-his-surfboard-wearing-black-surfing-suit-sport-water-sport-concept_58466-11841.jpg",
|
||||
},
|
||||
{
|
||||
id: "l5",
|
||||
name: "Look Five",
|
||||
role: "Sunset Waves",
|
||||
company: "Collection",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-ready-try-sweater_23-2148385701.jpg",
|
||||
},
|
||||
{ id: "l1", name: "Look One", role: "Surf Session", company: "Summer 2024", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-wet-long-hair-posing-camera-with-surf-board-near-ocean-sunlight_291650-1677.jpg" },
|
||||
{ id: "l2", name: "Look Two", role: "Beach Walk", company: "Autumn 2024", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-wearing-bikini-summer-hat-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-20739.jpg" },
|
||||
{ id: "l3", name: "Look Three", role: "Ocean Breeze", company: "Style 2024", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg" },
|
||||
{ id: "l4", name: "Look Four", role: "Adventure Day", company: "Vibe 2024", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-surfer-beach-holding-up-his-surfboard-wearing-black-surfing-suit-sport-water-sport-concept_58466-11841.jpg" },
|
||||
{ id: "l5", name: "Look Five", role: "Sunset Waves", company: "Collection", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-ready-try-sweater_23-2148385701.jpg" }
|
||||
]}
|
||||
title="Lifestyle Lookbook"
|
||||
description="A glimpse into our community living their best life at the shoreline."
|
||||
@@ -113,20 +65,8 @@ export default function LandingPage() {
|
||||
title="Style Inspiration"
|
||||
description="Find your perfect beach fit."
|
||||
products={[
|
||||
{
|
||||
id: "l10",
|
||||
name: "Sunset Hoodie",
|
||||
price: "€79",
|
||||
variant: "Oversized",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-stylish-woman-holding-holiday-hat_23-2148588589.jpg",
|
||||
},
|
||||
{
|
||||
id: "l11",
|
||||
name: "Coastal Cap",
|
||||
price: "€25",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-carrying-surfboard-sand-beach_1262-3314.jpg",
|
||||
},
|
||||
{ id: "l10", name: "Sunset Hoodie", price: "€79", variant: "Oversized", imageSrc: "http://img.b2bpic.net/free-photo/close-up-stylish-woman-holding-holiday-hat_23-2148588589.jpg" },
|
||||
{ id: "l11", name: "Coastal Cap", price: "€25", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-carrying-surfboard-sand-beach_1262-3314.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,16 +80,8 @@ export default function LandingPage() {
|
||||
title="The Vibe"
|
||||
description="Capture the ocean's essence."
|
||||
features={[
|
||||
{
|
||||
title: "Coastal Living",
|
||||
description: "Designed for the surf, made for the city.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-pretty-woman-holding-surfboard-beach_1262-3227.jpg",
|
||||
},
|
||||
{
|
||||
title: "Ocean Ready",
|
||||
description: "Tested by real surfers in real conditions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-shoreline-close-up-view_23-2147641357.jpg",
|
||||
},
|
||||
{ title: "Coastal Living", description: "Designed for the surf, made for the city.", imageSrc: "http://img.b2bpic.net/free-photo/happy-pretty-woman-holding-surfboard-beach_1262-3227.jpg" },
|
||||
{ title: "Ocean Ready", description: "Tested by real surfers in real conditions.", imageSrc: "http://img.b2bpic.net/free-photo/couple-shoreline-close-up-view_23-2147641357.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,20 +91,12 @@ export default function LandingPage() {
|
||||
logoText="OceanWave"
|
||||
copyrightText="© 2025 OceanWave Apparel"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
230
src/app/page.tsx
230
src/app/page.tsx
@@ -29,28 +29,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Lookbook",
|
||||
id: "/lookbook",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Lookbook", id: "/lookbook" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="OceanWave"
|
||||
button={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,76 +45,14 @@ export default function LandingPage() {
|
||||
title="Wear the Ocean, Live the Adventure."
|
||||
description="Premium apparel inspired by the surfing lifestyle, ethically made in Portugal."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Joao M.",
|
||||
handle: "@joao.surf",
|
||||
testimonial: "The best beach gear I've ever owned. Perfect for the coast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-from-back-slim-tan-red-head-girl-stylish-tropical-outfit-posing-amazing-beach-near-ocean_273443-816.jpg?_wi=1",
|
||||
imageAlt: "surfer on beach at sunset",
|
||||
},
|
||||
{
|
||||
name: "Maria P.",
|
||||
handle: "@maria.beach",
|
||||
testimonial: "Sustainable and stylish. Simply love it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-nature-with-clothesline_23-2148170341.jpg?_wi=1",
|
||||
imageAlt: "surfer on beach at sunset",
|
||||
},
|
||||
{
|
||||
name: "Luis D.",
|
||||
handle: "@luis.ocean",
|
||||
testimonial: "Comfort that lasts all day by the waves.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-wearing-straw-hat_1398-1889.jpg?_wi=1",
|
||||
imageAlt: "surfer on beach at sunset",
|
||||
},
|
||||
{
|
||||
name: "Ana R.",
|
||||
handle: "@ana.lifestyle",
|
||||
testimonial: "Everything about this brand feels authentic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-seamstress-drawing-with-soap-pink-textile-modern-sewing-workshop_574295-3700.jpg",
|
||||
imageAlt: "surfer on beach at sunset",
|
||||
},
|
||||
{
|
||||
name: "Pedro V.",
|
||||
handle: "@pedro.adventure",
|
||||
testimonial: "High quality fabric, truly made with care.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-wet-long-hair-posing-camera-with-surf-board-near-ocean-sunlight_291650-1677.jpg?_wi=1",
|
||||
imageAlt: "surfer on beach at sunset",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-from-back-slim-tan-red-head-girl-stylish-tropical-outfit-posing-amazing-beach-near-ocean_273443-816.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/slim-woman-enjoying-exotic-place-joyful-tanned-lady-standing-near-palm-trees-smiling_197531-21125.jpg",
|
||||
alt: "Person 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-laughing-girl-with-light-brown-hair-waving-funny-dancing-near-hotel-after-good-day-beach_197531-3375.jpg",
|
||||
alt: "Person 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-women-friends-with-surfboard-beach_624325-992.jpg",
|
||||
alt: "Person 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-female-friends-having-fun-tropical-beach_285396-3441.jpg",
|
||||
alt: "Person 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-traveller-outdoors-holding-wheat_23-2148588452.jpg",
|
||||
alt: "Person 5",
|
||||
},
|
||||
{ name: "Joao M.", handle: "@joao.surf", testimonial: "The best beach gear I've ever owned. Perfect for the coast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-from-back-slim-tan-red-head-girl-stylish-tropical-outfit-posing-amazing-beach-near-ocean_273443-816.jpg", imageAlt: "surfer on beach at sunset" },
|
||||
{ name: "Maria P.", handle: "@maria.beach", testimonial: "Sustainable and stylish. Simply love it.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-nature-with-clothesline_23-2148170341.jpg", imageAlt: "surfer on beach at sunset" },
|
||||
{ name: "Luis D.", handle: "@luis.ocean", testimonial: "Comfort that lasts all day by the waves.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-wearing-straw-hat_1398-1889.jpg", imageAlt: "surfer on beach at sunset" },
|
||||
{ name: "Ana R.", handle: "@ana.lifestyle", testimonial: "Everything about this brand feels authentic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-seamstress-drawing-with-soap-pink-textile-modern-sewing-workshop_574295-3700.jpg", imageAlt: "surfer on beach at sunset" },
|
||||
{ name: "Pedro V.", handle: "@pedro.adventure", testimonial: "High quality fabric, truly made with care.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-wet-long-hair-posing-camera-with-surf-board-near-ocean-sunlight_291650-1677.jpg", imageAlt: "surfer on beach at sunset" }
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "/shop" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-from-back-slim-tan-red-head-girl-stylish-tropical-outfit-posing-amazing-beach-near-ocean_273443-816.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -139,60 +63,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "OceanWave",
|
||||
name: "Cotton Surf Tee",
|
||||
price: "€39",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-nature-with-clothesline_23-2148170341.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "OceanWave",
|
||||
name: "Classic Beach Cap",
|
||||
price: "€25",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-wearing-straw-hat_1398-1889.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "OceanWave",
|
||||
name: "Horizon Shorts",
|
||||
price: "€59",
|
||||
rating: 4,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-young-woman-wearing-hat-sunglasses-walking-street_231208-6200.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "OceanWave",
|
||||
name: "Wave Runner",
|
||||
price: "€45",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-women-beach-having-fun-feel-freedom-shore-ocean-sunny-good-summer-day-women-friends-enjoying-beach-vacation_291650-809.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "OceanWave",
|
||||
name: "Breezy Hoodie",
|
||||
price: "€79",
|
||||
rating: 5,
|
||||
reviewCount: "33",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-beach_23-2147641358.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "OceanWave",
|
||||
name: "Salt Air Vest",
|
||||
price: "€65",
|
||||
rating: 4,
|
||||
reviewCount: "21",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-traveler-warm-clothing-reaches-peak-with-deep-sense-satisfaction_482257-120438.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "OceanWave", name: "Cotton Surf Tee", price: "€39", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/woman-nature-with-clothesline_23-2148170341.jpg" },
|
||||
{ id: "p2", brand: "OceanWave", name: "Classic Beach Cap", price: "€25", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/girl-wearing-straw-hat_1398-1889.jpg" },
|
||||
{ id: "p3", brand: "OceanWave", name: "Horizon Shorts", price: "€59", rating: 4, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-young-woman-wearing-hat-sunglasses-walking-street_231208-6200.jpg" },
|
||||
{ id: "p4", brand: "OceanWave", name: "Wave Runner", price: "€45", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/two-young-women-beach-having-fun-feel-freedom-shore-ocean-sunny-good-summer-day-women-friends-enjoying-beach-vacation_291650-809.jpg" },
|
||||
{ id: "p5", brand: "OceanWave", name: "Breezy Hoodie", price: "€79", rating: 5, reviewCount: "33", imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-beach_23-2147641358.jpg" },
|
||||
{ id: "p6", brand: "OceanWave", name: "Salt Air Vest", price: "€65", rating: 4, reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/young-traveler-warm-clothing-reaches-peak-with-deep-sense-satisfaction_482257-120438.jpg" }
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Discover our latest sustainable collection designed for sunny days by the water."
|
||||
@@ -208,16 +84,8 @@ export default function LandingPage() {
|
||||
title="Why Choose OceanWave?"
|
||||
description="Sustainability at our core, from thread to wave."
|
||||
features={[
|
||||
{
|
||||
title: "Eco-Friendly Fabrics",
|
||||
description: "We use recycled materials to protect our oceans.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-clothesline-fields_23-2148170148.jpg",
|
||||
},
|
||||
{
|
||||
title: "Ethically Made",
|
||||
description: "Our craftsmen in Portugal share our vision for a better planet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-modifying-clothing-thrift-store_23-2150952392.jpg",
|
||||
},
|
||||
{ title: "Eco-Friendly Fabrics", description: "We use recycled materials to protect our oceans.", imageSrc: "http://img.b2bpic.net/free-photo/woman-clothesline-fields_23-2148170148.jpg" },
|
||||
{ title: "Ethically Made", description: "Our craftsmen in Portugal share our vision for a better planet.", imageSrc: "http://img.b2bpic.net/free-photo/women-modifying-clothing-thrift-store_23-2150952392.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -230,26 +98,8 @@ export default function LandingPage() {
|
||||
title="The Surf Journal"
|
||||
description="Stories from the coast and tips for sustainable living."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Lifestyle",
|
||||
title: "Life by the waves",
|
||||
excerpt: "Finding peace in the daily surf routine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-male-surfer-holding-surfboard-head-looking-sea_74855-16419.jpg",
|
||||
authorName: "OceanWave Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-black-woman-running-small-business_23-2150171782.jpg",
|
||||
date: "Jan 2025",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Fashion",
|
||||
title: "Summer styles 2025",
|
||||
excerpt: "Getting ready for the next heatwave.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-choosing-dress-date-party-feeling-excited-happy-cheerful-woman-having-pleased-look-while-packing-bag-before-trip-standing-her-wardrobe-with-racks-full-clothes_273609-833.jpg",
|
||||
authorName: "OceanWave Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-shopping_23-2149241334.jpg",
|
||||
date: "Feb 2025",
|
||||
},
|
||||
{ id: "b1", category: "Lifestyle", title: "Life by the waves", excerpt: "Finding peace in the daily surf routine.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-male-surfer-holding-surfboard-head-looking-sea_74855-16419.jpg", authorName: "OceanWave Team", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-black-woman-running-small-business_23-2150171782.jpg", date: "Jan 2025" },
|
||||
{ id: "b2", category: "Fashion", title: "Summer styles 2025", excerpt: "Getting ready for the next heatwave.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-choosing-dress-date-party-feeling-excited-happy-cheerful-woman-having-pleased-look-while-packing-bag-before-trip-standing-her-wardrobe-with-racks-full-clothes_273609-833.jpg", authorName: "OceanWave Team", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-shopping_23-2149241334.jpg", date: "Feb 2025" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -262,24 +112,8 @@ export default function LandingPage() {
|
||||
title="Impact Driven"
|
||||
description="Creating value through responsible choices."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Sustainable Sourcing",
|
||||
items: [
|
||||
"Certified Organic Cotton",
|
||||
"Recycled Ocean Plastics",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Happy Customers",
|
||||
items: [
|
||||
"Global community",
|
||||
"Positive feedback loop",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "100%", title: "Sustainable Sourcing", items: ["Certified Organic Cotton", "Recycled Ocean Plastics"] },
|
||||
{ id: "m2", value: "5k+", title: "Happy Customers", items: ["Global community", "Positive feedback loop"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -289,20 +123,12 @@ export default function LandingPage() {
|
||||
logoText="OceanWave"
|
||||
copyrightText="© 2025 OceanWave Apparel"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -8,7 +8,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
||||
import { Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ShopPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -26,51 +26,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Lookbook",
|
||||
id: "/lookbook",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Lookbook", id: "/lookbook" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="OceanWave"
|
||||
button={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
title="Full Collection"
|
||||
description="Browse our complete catalog of premium beach apparel."
|
||||
products={[
|
||||
{
|
||||
id: "p7",
|
||||
name: "Horizon Surf Boardshorts",
|
||||
price: "€55",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-blank-shirt_23-2149321752.jpg",
|
||||
},
|
||||
{
|
||||
id: "p8",
|
||||
name: "Salt Air Linen Shirt",
|
||||
price: "€65",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-blank-shirt_23-2149321758.jpg",
|
||||
},
|
||||
{ id: "p7", name: "Horizon Surf Boardshorts", price: "€55", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-blank-shirt_23-2149321752.jpg" },
|
||||
{ id: "p8", name: "Salt Air Linen Shirt", price: "€65", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-blank-shirt_23-2149321758.jpg" },
|
||||
{ id: "p9", name: "Beach Day Hat", price: "€35", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-beach_1157-6355.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -84,16 +58,8 @@ export default function LandingPage() {
|
||||
title="Shop Sustainably"
|
||||
description="Our core principles when crafting every piece."
|
||||
features={[
|
||||
{
|
||||
title: "Recycled Plastic",
|
||||
description: "Turning waste into quality surf gear.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-walking-city-with-ocean-view_231208-6248.jpg",
|
||||
},
|
||||
{
|
||||
title: "Solar Powered",
|
||||
description: "Our facilities run on renewable energy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sexy-smiling-hipster-woman-sunglasses-trendy-girl-summer-t-shirt-shorts-positive-female-with-blue-penny-skateboard-posing-street-near-wall_158538-16171.jpg",
|
||||
},
|
||||
{ title: "Recycled Plastic", description: "Turning waste into quality surf gear.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-walking-city-with-ocean-view_231208-6248.jpg" },
|
||||
{ title: "Solar Powered", description: "Our facilities run on renewable energy.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sexy-smiling-hipster-woman-sunglasses-trendy-girl-summer-t-shirt-shorts-positive-female-with-blue-penny-skateboard-posing-street-near-wall_158538-16171.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,20 +69,12 @@ export default function LandingPage() {
|
||||
logoText="OceanWave"
|
||||
copyrightText="© 2025 OceanWave Apparel"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user