Merge version_2 into main #1

Merged
bender merged 1 commits from version_2 into main 2026-05-20 16:43:32 +00:00

View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Shop",
id: "products",
},
name: "Shop", id: "products"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
]}
brandName="Outlook Drop"
/>
@@ -55,104 +47,56 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Elevated Essentials, Direct to You"
description="Discover curated collections designed for modern style. Limited drops, premium quality, shipped fast."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-posing-grandstands_23-2149659144.jpg",
imageAlt: "Model 1",
},
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-posing-grandstands_23-2149659144.jpg", imageAlt: "Model 1"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409176.jpg",
imageAlt: "Model 2",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409176.jpg", imageAlt: "Model 2"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432336.jpg",
imageAlt: "Model 3",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432336.jpg", imageAlt: "Model 3"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575368.jpg",
imageAlt: "Model 4",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575368.jpg", imageAlt: "Model 4"},
{
imageSrc: "http://img.b2bpic.net/free-photo/girl-posing-with-board_1321-1337.jpg",
imageAlt: "Model 5",
},
imageSrc: "http://img.b2bpic.net/free-photo/girl-posing-with-board_1321-1337.jpg", imageAlt: "Model 5"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture_1308-4856.jpg",
imageAlt: "Model A",
},
imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture_1308-4856.jpg", imageAlt: "Model A"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7088.jpg",
imageAlt: "Model B",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7088.jpg", imageAlt: "Model B"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409175.jpg",
imageAlt: "Model C",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409175.jpg", imageAlt: "Model C"},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-handsome-young-man-looking-camera_197531-33430.jpg",
imageAlt: "Model D",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-handsome-young-man-looking-camera_197531-33430.jpg", imageAlt: "Model D"},
{
imageSrc: "http://img.b2bpic.net/free-photo/feeling-good-young-housewife-decided-glue-wallpaper-her-new-house-room_146671-15980.jpg",
imageAlt: "Model E",
},
imageSrc: "http://img.b2bpic.net/free-photo/feeling-good-young-housewife-decided-glue-wallpaper-her-new-house-room_146671-15980.jpg", imageAlt: "Model E"},
]}
buttons={[
{
text: "Shop Latest Drop",
href: "#products",
},
text: "Shop Latest Drop", href: "#products"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-woman-wears-sunglasses-jacket-hoodie-checks-time-smartwatch-spends-free-time-walking-city-sunny-weather-uses-application-modern-lifestyle-concept_273609-60619.jpg",
alt: "Customer profile 1",
},
src: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-woman-wears-sunglasses-jacket-hoodie-checks-time-smartwatch-spends-free-time-walking-city-sunny-weather-uses-application-modern-lifestyle-concept_273609-60619.jpg", alt: "Customer profile 1"},
{
src: "http://img.b2bpic.net/free-photo/side-view-women-taking-selfie-together_23-2148627191.jpg",
alt: "Customer profile 2",
},
src: "http://img.b2bpic.net/free-photo/side-view-women-taking-selfie-together_23-2148627191.jpg", alt: "Customer profile 2"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432334.jpg",
alt: "Customer profile 3",
},
src: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432334.jpg", alt: "Customer profile 3"},
{
src: "http://img.b2bpic.net/free-photo/high-angle-teenager-with-skateboard-outdoors-copy-space_23-2148758455.jpg",
alt: "Customer profile 4",
},
src: "http://img.b2bpic.net/free-photo/high-angle-teenager-with-skateboard-outdoors-copy-space_23-2148758455.jpg", alt: "Customer profile 4"},
{
src: "http://img.b2bpic.net/free-photo/side-view-teenager-having-lunch-park-skateboard_23-2148758443.jpg",
alt: "Customer profile 5",
},
src: "http://img.b2bpic.net/free-photo/side-view-teenager-having-lunch-park-skateboard_23-2148758443.jpg", alt: "Customer profile 5"},
]}
avatarText="Join 10,000+ style leaders"
marqueeItems={[
{
type: "text",
text: "Premium Quality",
},
{
type: "text",
text: "Direct to Consumer",
},
{
type: "text",
text: "Modern Silhouettes",
},
{
type: "text",
text: "Fast Shipping",
},
{
type: "text",
text: "Sustainable Materials",
},
{ type: "text", text: "Premium Quality" },
{ type: "text", text: "Direct to Consumer" },
{ type: "text", text: "Modern Silhouettes" },
{ type: "text", text: "Fast Shipping" },
{ type: "text", text: "Sustainable Materials" },
]}
/>
</div>
@@ -163,18 +107,9 @@ export default function LandingPage() {
title="Designed for the Modern Urban Lifestyle"
description="Outlook Drop bridges the gap between high-end fashion and everyday functionality. We focus on premium materials and timeless silhouettes that define your unique style."
metrics={[
{
value: "50+",
title: "Drops Completed",
},
{
value: "10k+",
title: "Happy Clients",
},
{
value: "100%",
title: "Premium Material",
},
{ value: "50+", title: "Drops Completed" },
{ value: "10k+", title: "Happy Clients" },
{ value: "100%", title: "Premium Material" },
]}
imageSrc="http://img.b2bpic.net/free-photo/travel-still-life-pack-flat-lay_23-2148837336.jpg"
mediaAnimation="slide-up"
@@ -187,36 +122,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "1",
label: "Quality",
title: "Premium Construction",
items: [
"Reinforced stitching",
"Heavyweight cotton",
"Pre-shrunk fabrics",
],
},
{
id: "2",
label: "Design",
title: "Timeless Silhouettes",
items: [
"Minimal branding",
"Modern fits",
"Neutral palettes",
],
},
{
id: "3",
label: "Shipping",
title: "Directly To You",
items: [
"Fast local shipping",
"Secure packaging",
"Carbon neutral",
],
},
{ id: "1", label: "Quality", title: "Premium Construction", items: ["Reinforced stitching", "Heavyweight cotton", "Pre-shrunk fabrics"] },
{ id: "2", label: "Design", title: "Timeless Silhouettes", items: ["Minimal branding", "Modern fits", "Neutral palettes"] },
{ id: "3", label: "Shipping", title: "Directly To You", items: ["Fast local shipping", "Secure packaging", "Carbon neutral"] },
]}
title="Why Outlook Drop"
description="Excellence in every detail."
@@ -230,60 +138,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Outlook Drop",
name: "Premium Hoodie",
price: "$89",
rating: 5,
reviewCount: "124",
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-standing-against-wall-talking-smart-phone_23-2148066827.jpg",
},
{
id: "p2",
brand: "Outlook Drop",
name: "Urban Tee",
price: "$45",
rating: 5,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-jean-cloth-sweater-with-tags_23-2147957043.jpg",
},
{
id: "p3",
brand: "Outlook Drop",
name: "Denim Jacket",
price: "$120",
rating: 4,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/old-shoe_1122-373.jpg",
},
{
id: "p4",
brand: "Outlook Drop",
name: "Everyday Cap",
price: "$30",
rating: 4,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-diverse-women-posing_23-2148906930.jpg",
},
{
id: "p5",
brand: "Outlook Drop",
name: "Cargo Joggers",
price: "$95",
rating: 5,
reviewCount: "67",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2788.jpg",
},
{
id: "p6",
brand: "Outlook Drop",
name: "Cotton Overshirt",
price: "$75",
rating: 4,
reviewCount: "34",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelman-dressed-size-tshirt-jeans-fashion-male-isolated-studio-posing-near-grey-wall_158538-26402.jpg",
},
{ id: "p1", brand: "Outlook Drop", name: "Premium Hoodie", price: "$89", rating: 5, reviewCount: "124", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-standing-against-wall-talking-smart-phone_23-2148066827.jpg" },
{ id: "p2", brand: "Outlook Drop", name: "Urban Tee", price: "$45", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-near-jean-cloth-sweater-with-tags_23-2147957043.jpg" },
{ id: "p3", brand: "Outlook Drop", name: "Denim Jacket", price: "$120", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/old-shoe_1122-373.jpg" },
{ id: "p4", brand: "Outlook Drop", name: "Everyday Cap", price: "$30", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-diverse-women-posing_23-2148906930.jpg" },
{ id: "p5", brand: "Outlook Drop", name: "Cargo Joggers", price: "$95", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2788.jpg" },
{ id: "p6", brand: "Outlook Drop", name: "Cotton Overshirt", price: "$75", rating: 4, reviewCount: "34", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelman-dressed-size-tshirt-jeans-fashion-male-isolated-studio-posing-near-grey-wall_158538-26402.jpg" },
]}
title="Featured Essentials"
description="Limited availability for the modern wardrobe."
@@ -296,41 +156,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@sarahstyle",
testimonial: "The quality is simply unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/sideways-shot-thoughtful-woman-with-dark-skin-curly-hair-wears-hoodie_273609-18077.jpg",
},
{
id: "2",
name: "Mike R.",
handle: "@mikerocks",
testimonial: "Fits perfectly every time.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-coffee-room_1398-784.jpg",
},
{
id: "3",
name: "Emily V.",
handle: "@emilyv",
testimonial: "My go-to brand for basics.",
imageSrc: "http://img.b2bpic.net/free-photo/emotional-woman-denim-jacket-white-jeans-making-selfie-curly-woman-with-handbag-taking-photo-outside_197531-19338.jpg",
},
{
id: "4",
name: "David L.",
handle: "@davecool",
testimonial: "Fast shipping, premium feel.",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg",
},
{
id: "5",
name: "Nina T.",
handle: "@ninatrend",
testimonial: "Best hoodie I have ever owned.",
imageSrc: "http://img.b2bpic.net/free-photo/excited-happy-teenage-interracial-couple-looking-camera_23-2148156368.jpg",
},
{ id: "1", name: "Sarah J.", handle: "@sarahstyle", testimonial: "The quality is simply unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/sideways-shot-thoughtful-woman-with-dark-skin-curly-hair-wears-hoodie_273609-18077.jpg" },
{ id: "2", name: "Mike R.", handle: "@mikerocks", testimonial: "Fits perfectly every time.", imageSrc: "http://img.b2bpic.net/free-photo/girl-coffee-room_1398-784.jpg" },
{ id: "3", name: "Emily V.", handle: "@emilyv", testimonial: "My go-to brand for basics.", imageSrc: "http://img.b2bpic.net/free-photo/emotional-woman-denim-jacket-white-jeans-making-selfie-curly-woman-with-handbag-taking-photo-outside_197531-19338.jpg" },
{ id: "4", name: "David L.", handle: "@davecool", testimonial: "Fast shipping, premium feel.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg" },
{ id: "5", name: "Nina T.", handle: "@ninatrend", testimonial: "Best hoodie I have ever owned.", imageSrc: "http://img.b2bpic.net/free-photo/excited-happy-teenage-interracial-couple-looking-camera_23-2148156368.jpg" },
]}
title="Community Voices"
description="See why style leaders choose us."
@@ -341,111 +171,58 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Urban Weekly",
"Street Culture",
"Fashion Hub",
"Daily Style",
"Modern Essentials",
"Urban Trend",
"Daily Look",
]}
names={["Urban Weekly", "Street Culture", "Fashion Hub", "Daily Style", "Modern Essentials", "Urban Trend", "Daily Look"]}
title="Featured In"
description="Recognized by industry leaders."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How do your sizes run?",
content: "Our items run true to size, but we recommend checking our sizing guide.",
},
{
id: "q2",
title: "Where do you ship from?",
content: "We ship from our main fulfillment center in the US.",
},
{
id: "q3",
title: "Can I return my order?",
content: "Yes, we offer a 30-day return policy for unused items.",
},
{ id: "q1", title: "How do your sizes run?", content: "Our items run true to size, but we recommend checking our sizing guide." },
{ id: "q2", title: "Where do you ship from?", content: "We ship from our main fulfillment center in the US." },
{ id: "q3", title: "Can I return my order?", content: "Yes, we offer a 30-day return policy for unused items." },
]}
title="Common Questions"
description="Everything you need to know."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-white-hoodie-portrait_23-2149359833.jpg"
faqsAnimation="blur-reveal"
animationType="smooth"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
<ContactSplit
tag="Let's Connect"
title="Get Ready for the Next Drop"
description="Sign up for updates on our upcoming releases and get early access."
buttons={[
{
text: "Contact Support",
href: "mailto:hello@outlookdrop.com",
},
]}
background={{ variant: "radial-gradient" }}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-white-hoodie-portrait_23-2149359833.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
<FooterMedia
logoText="Outlook Drop"
imageSrc="http://img.b2bpic.net/free-photo/young-businesswoman-standing-against-wall-talking-smart-phone_23-2148066827.jpg"
columns={[
{
title: "Shop",
items: [
{
label: "New Arrivals",
href: "#products",
},
{
label: "Best Sellers",
href: "#products",
},
title: "Shop", items: [
{ label: "New Arrivals", href: "#products" },
{ label: "Best Sellers", href: "#products" },
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Support",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "Support", href: "#contact" },
],
},
]}
bottomLeftText="© 2024 Outlook Drop."
bottomRightText="All Rights Reserved."
/>
</div>
</ReactLenis>