Merge version_1 into main #1
236
src/app/page.tsx
236
src/app/page.tsx
@@ -17,31 +17,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Bags",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Bags", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="CourtCanvas"
|
||||
/>
|
||||
@@ -49,33 +41,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Bespoke Tennis Style"
|
||||
description="Craft a tennis bag as unique as your game. Custom designs, premium materials, professional performance."
|
||||
tag="Elevate Your Game"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beatiful-blond-girl-is-sitting-tennis-court-near-net-while-showong-her-tattoo-leg_613910-3617.jpg",
|
||||
imageAlt: "luxury tennis bag professional photography",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beatiful-blond-girl-is-sitting-tennis-court-near-net-while-showong-her-tattoo-leg_613910-3617.jpg", imageAlt: "luxury tennis bag professional photography"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-checking-bag-with-shoppings_23-2148313160.jpg",
|
||||
imageAlt: "textile embroidery detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tennis-player-holding-racket_23-2148206497.jpg",
|
||||
imageAlt: "Tennis player holding the racket",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-back-school-composition-with-blue-backpack_23-2148666141.jpg",
|
||||
imageAlt: "Front view back to school composition with blue backpack",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-legs-leather-bag_1262-6008.jpg",
|
||||
imageAlt: "Close-up of Man Legs and Leather Bag",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-checking-bag-with-shoppings_23-2148313160.jpg", imageAlt: "textile embroidery detail"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -91,20 +65,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Durability",
|
||||
description: "Weather-resistant fabrics built to endure every season.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-green-grid-fabric_181624-47731.jpg",
|
||||
},
|
||||
title: "Premium Durability", description: "Weather-resistant fabrics built to endure every season.", imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-green-grid-fabric_181624-47731.jpg"},
|
||||
{
|
||||
title: "Custom Embroidery",
|
||||
description: "Add your name, team logo, or unique patterns.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-red-yellow-abstract-background_23-2147746562.jpg",
|
||||
},
|
||||
title: "Custom Embroidery", description: "Add your name, team logo, or unique patterns.", imageSrc: "http://img.b2bpic.net/free-photo/blue-red-yellow-abstract-background_23-2147746562.jpg"},
|
||||
{
|
||||
title: "Court-Ready Storage",
|
||||
description: "Organized compartments for gear, racquets, and more.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-milk-tea-eyeglasses-black-table-curtain_53876-65282.jpg",
|
||||
},
|
||||
title: "Court-Ready Storage", description: "Organized compartments for gear, racquets, and more.", imageSrc: "http://img.b2bpic.net/free-photo/cup-milk-tea-eyeglasses-black-table-curtain_53876-65282.jpg"},
|
||||
]}
|
||||
title="Performance Meets Personalization"
|
||||
description="Designed for the court, curated by you."
|
||||
@@ -119,59 +84,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "CourtCanvas",
|
||||
name: "Elite White Tote",
|
||||
price: "$189",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-ready-train-park_23-2147995835.jpg",
|
||||
},
|
||||
id: "p1", brand: "CourtCanvas", name: "Elite White Tote", price: "$189", rating: 5,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/young-man-ready-train-park_23-2147995835.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "CourtCanvas",
|
||||
name: "Navy Pro Carry",
|
||||
price: "$210",
|
||||
rating: 5,
|
||||
reviewCount: "38",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-bag-floating-water_23-2151013926.jpg",
|
||||
},
|
||||
id: "p2", brand: "CourtCanvas", name: "Navy Pro Carry", price: "$210", rating: 5,
|
||||
reviewCount: "38", imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-bag-floating-water_23-2151013926.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "CourtCanvas",
|
||||
name: "Signature Black Tote",
|
||||
price: "$175",
|
||||
rating: 4,
|
||||
reviewCount: "55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-carrying-bag_23-2149434188.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "CourtCanvas",
|
||||
name: "Leather Heritage",
|
||||
price: "$320",
|
||||
rating: 5,
|
||||
reviewCount: "21",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-her-baggage-traveling_23-2148634215.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "CourtCanvas",
|
||||
name: "Monogram Grey",
|
||||
price: "$195",
|
||||
rating: 5,
|
||||
reviewCount: "19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-ball-net-bag_23-2147827768.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "CourtCanvas",
|
||||
name: "Emerald Series",
|
||||
price: "$160",
|
||||
rating: 4,
|
||||
reviewCount: "31",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tennis-equipment-bag-bench_23-2148320694.jpg",
|
||||
},
|
||||
id: "p3", brand: "CourtCanvas", name: "Signature Black Tote", price: "$175", rating: 4,
|
||||
reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-carrying-bag_23-2149434188.jpg"}
|
||||
]}
|
||||
title="Shop Custom Collections"
|
||||
description="Our current selection of premium tennis carriers."
|
||||
@@ -186,45 +106,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Club Captain",
|
||||
company: "Westside Tennis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-tennis-player_23-2151378576.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Club Captain", company: "Westside Tennis", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-tennis-player_23-2151378576.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
role: "Pro Player",
|
||||
company: "Global Tours",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-sporty-woman-optical-glasses-wearing-headband-wristbands-stands-with-crossed-arms-isolated-pink-wall_141793-95495.jpg",
|
||||
},
|
||||
id: "t2", name: "James Chen", role: "Pro Player", company: "Global Tours", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-sporty-woman-optical-glasses-wearing-headband-wristbands-stands-with-crossed-arms-isolated-pink-wall_141793-95495.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
role: "Coach",
|
||||
company: "Rossi Academy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-tennis-player_23-2151378533.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Sterling",
|
||||
role: "Player",
|
||||
company: "Midtown Tennis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-1086.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia Vance",
|
||||
role: "Amateur",
|
||||
company: "Local Courts",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-away-better-way_329181-14478.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rossi", role: "Coach", company: "Rossi Academy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-tennis-player_23-2151378533.jpg"}
|
||||
]}
|
||||
title="Player Voices"
|
||||
description="Hear from players who carry CourtCanvas."
|
||||
@@ -237,25 +126,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long do custom bags take?",
|
||||
content: "Custom embroidery usually takes 5-7 business days before shipping.",
|
||||
},
|
||||
id: "q1", title: "How long do custom bags take?", content: "Custom embroidery usually takes 5-7 business days before shipping."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I choose my colors?",
|
||||
content: "Yes, choose from our palette or upload your design files.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are they water resistant?",
|
||||
content: "Our high-end fabrics are treated for superior water resistance.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Do you ship internationally?",
|
||||
content: "We ship globally with tracked insurance included.",
|
||||
},
|
||||
id: "q2", title: "Can I choose my colors?", content: "Yes, choose from our palette or upload your design files."}
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to your custom design queries."
|
||||
@@ -266,9 +139,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Stay Updated"
|
||||
description="Join our newsletter for exclusive designs and drops."
|
||||
tag="Join Us"
|
||||
@@ -280,45 +151,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-soccer-stadium-with-dreamy-fantasy-view-sky_23-2151563124.jpg"
|
||||
logoText="CourtCanvas"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Mission",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Design Tool",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Mission", href: "#" }] },
|
||||
{ title: "Shop", items: [{ label: "New Arrivals", href: "#products" }, { label: "Design Tool", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user