Merge version_2_1782591091502 into main #1

Merged
bender merged 1 commits from version_2_1782591091502 into main 2026-06-27 20:13:27 +00:00
11 changed files with 416 additions and 302 deletions

View File

@@ -43,7 +43,7 @@ export default function Layout() {
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarInline
logo="Blue Skateboards"
logo="Blue Skate Inc"
ctaButton={{
text: "Shop Now",
href: "#products",
@@ -55,8 +55,8 @@ export default function Layout() {
</main>
<SectionErrorBoundary name="footer">
<FooterMinimal
brand="Blue Skateboards Inc"
copyright="© 2024 Blue Skateboards Inc. All rights reserved."
brand="Blue Skate Inc"
copyright="© 2024 Blue Skate Inc. All rights reserved."
socialLinks={[
{
icon: Instagram,

View File

@@ -1,312 +1,39 @@
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
import { Award, CheckCircle, Globe, Star, Users, Zap } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import FeaturesSection from './HomePage/sections/Features';
import ProductsSection from './HomePage/sections/Products';
import AboutSection from './HomePage/sections/About';
import MetricsSection from './HomePage/sections/Metrics';
import TestimonialsSection from './HomePage/sections/Testimonials';
import SocialProofSection from './HomePage/sections/SocialProof';
import FaqSection from './HomePage/sections/Faq';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroCenteredLogos
avatarsSrc={[
"http://img.b2bpic.net/free-photo/girl-posing-with-skate-board_72229-107.jpg",
"http://img.b2bpic.net/free-photo/young-woman-holding-skateboard-her-head_1140-245.jpg",
"http://img.b2bpic.net/free-photo/sportswoman-skateboarding-with-helmet_23-2147665407.jpg",
"http://img.b2bpic.net/free-photo/outdoor-shot-pretty-cheerful-millennial-girl-dressed-casual-striped-jumper-carries-longboard-leads-active-lifestyle-smiles-gladfully-poses-against-urban-background-positive-female-skater_273609-59938.jpg",
]}
avatarText="Join 5,000+ skaters worldwide"
title="Ride The Blue Wave"
description="Premium skateboards crafted for precision, durability, and style. Elevate your ride with Blue Skateboards Inc."
primaryButton={{
text: "Shop Collection",
href: "#products",
}}
secondaryButton={{
text: "Learn More",
href: "#about",
}}
names={[
"Pro Riders",
"Street Shredders",
"Park Legends",
]}
imageSrc="http://img.b2bpic.net/free-photo/skater-boy-sitting-half-pipe_23-2147670755.jpg"
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesTaggedCards
tag="Performance Features"
title="Built To Last"
description="Our decks are engineered with Canadian Maple, precision-milled for consistent pop and ultimate durability."
items={[
{
tag: "Durability",
title: "7-Ply Canadian Maple",
description: "High-density wood layers for maximum snap and resilience.",
primaryButton: {
text: "Learn More",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-skateboard-ramp_23-2147678183.jpg",
},
{
tag: "Graphic",
title: "Custom Designs",
description: "Exclusive graphics printed with durable inks that last session after session.",
primaryButton: {
text: "Explore",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-wheels-outdoors_23-2150407567.jpg",
},
{
tag: "Smooth",
title: "Precision Wheels",
description: "High-rebound urethane wheels for a buttery smooth ride on any surface.",
primaryButton: {
text: "View Specs",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-guy-sitting-with-skateboard_23-2147665436.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<FeaturesSection />
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="Our Catalog"
title="Deck Out Your Ride"
description="Browse our latest pro-grade decks and gear, designed by skaters for skaters."
items={[
{
title: "Blue Classic",
description: "The OG deck.",
imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-wheels_23-2150583911.jpg",
},
{
title: "Street Beast",
description: "Built for rails.",
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-pavement_23-2147678122.jpg",
},
{
title: "Park Flow",
description: "Smooth transitions.",
imageSrc: "http://img.b2bpic.net/free-photo/person-posing-with-skateboard_23-2150583983.jpg",
},
{
title: "Vert Master",
description: "Wide, stable base.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-feet-girl-sneakers-rides-orange-penny-skateboard-asphalt_158538-13810.jpg",
},
{
title: "Urban Blue",
description: "Sleek commuter.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-feet-girl-sneakers-rides-orange-penny-skateboard-asphalt_158538-13818.jpg",
},
{
title: "Pro Model X",
description: "Elite performance.",
imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-wheels-outdoors_23-2150407517.jpg",
},
{
title: "Limited Edition",
description: "Collectable art.",
imageSrc: "http://img.b2bpic.net/free-photo/skater-pleading_1368-921.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<ProductsSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="Our Story"
title="Born in the Streets"
description="Blue Skateboards Inc started in a garage in 2012 with a mission to bring high-quality, affordable skate gear to everyone who loves to shred."
items={[
{
icon: CheckCircle,
title: "Quality Assured",
description: "Strict QC for every deck.",
},
{
icon: Zap,
title: "Fast Shipping",
description: "We ship worldwide daily.",
},
{
icon: Star,
title: "Pro-Approved",
description: "Trusted by local legends.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-skater-posing-sunset_23-2150343108.jpg"
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsIconCards
tag="Performance Stats"
title="By The Numbers"
description="Our commitment to excellence translates into real-world performance."
metrics={[
{
icon: Award,
title: "Years Active",
value: "12+",
},
{
icon: Users,
title: "Happy Riders",
value: "50k+",
},
{
icon: Globe,
title: "Countries Shipped",
value: "45",
},
]}
/>
</SectionErrorBoundary>
</div>
<MetricsSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialRatingCards
tag="Reviews"
title="Hear From The Community"
description="Skaters everywhere trust Blue Skateboards Inc for their daily sessions."
testimonials={[
{
name: "Alex R.",
role: "Pro Skater",
quote: "Best pop I've ever had on a deck. Solid construction.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-skateboard-ourdoor_23-2148436088.jpg",
},
{
name: "Jamie M.",
role: "Street Skater",
quote: "Blue decks are durable and look amazing under feet.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-with-skateboard_23-2149053571.jpg",
},
{
name: "Sam K.",
role: "Park Skater",
quote: "Consistent quality, session after session. Can't beat it.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-teenager-having-lunch-park-skateboard_23-2148758443.jpg",
},
{
name: "Casey P.",
role: "Beginner",
quote: "Perfect for learning new tricks. Very forgiving.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-skateboard_23-2147892822.jpg",
},
{
name: "Jordan L.",
role: "Filmer",
quote: "These decks look sick on camera and ride even better.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-girl-holding-skateboard_23-2149653808.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="social-proof" data-section="social-proof">
<SectionErrorBoundary name="social-proof">
<SocialProofMarquee
tag="Trusted By"
title="Partnered With Brands"
description="Proudly associated with leading skate shops and industry partners."
names={[
"SkateShop City",
"Urban Grind",
"Concrete Jungle",
"Local Vibes",
"Shred Hub",
"Rider Flow",
"Street Culture",
]}
/>
</SectionErrorBoundary>
</div>
<SocialProofSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTabbedAccordion
tag="Help"
title="Frequently Asked Questions"
description="Find answers to your questions about shipping, returns, and gear specs."
categories={[
{
name: "General",
items: [
{
question: "What is the warranty period?",
answer: "All decks come with a 30-day structural defect warranty.",
},
{
question: "Are your materials sustainable?",
answer: "We source maple from certified sustainable forests.",
},
],
},
{
name: "Shipping",
items: [
{
question: "Do you offer international shipping?",
answer: "Yes, we ship to over 45 countries worldwide.",
},
{
question: "How long does shipping take?",
answer: "Local orders arrive in 2-3 days; international varies.",
},
],
},
]}
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Contact Us"
text="Ready to upgrade your setup? Get in touch with our team today."
primaryButton={{
text: "Contact Support",
href: "mailto:support@blueskateboards.com",
}}
secondaryButton={{
text: "Shop Now",
href: "#products",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

View File

@@ -0,0 +1,39 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import { Award, CheckCircle, Globe, Star, Users, Zap } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="Our Story"
title="Born in the Streets"
description="Blue Skateboards Inc started in a garage in 2012 with a mission to bring high-quality, affordable skate gear to everyone who loves to shred."
items={[
{
icon: CheckCircle,
title: "Quality Assured",
description: "Strict QC for every deck.",
},
{
icon: Zap,
title: "Fast Shipping",
description: "We ship worldwide daily.",
},
{
icon: Star,
title: "Pro-Approved",
description: "Trusted by local legends.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-skater-posing-sunset_23-2150343108.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,27 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Contact Us"
text="Ready to upgrade your setup? Get in touch with our team today."
primaryButton={{
text: "Contact Support",
href: "mailto:support@blueskateboards.com",
}}
secondaryButton={{
text: "Shop Now",
href: "#products",
}}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,48 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTabbedAccordion
tag="Help"
title="Frequently Asked Questions"
description="Find answers to your questions about shipping, returns, and gear specs."
categories={[
{
name: "General",
items: [
{
question: "What is the warranty period?",
answer: "All decks come with a 30-day structural defect warranty.",
},
{
question: "Are your materials sustainable?",
answer: "We source maple from certified sustainable forests.",
},
],
},
{
name: "Shipping",
items: [
{
question: "Do you offer international shipping?",
answer: "Yes, we ship to over 45 countries worldwide.",
},
{
question: "How long does shipping take?",
answer: "Local orders arrive in 2-3 days; international varies.",
},
],
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,52 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "features" section.
import React from 'react';
import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FeaturesSection(): React.JSX.Element {
return (
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesTaggedCards
tag="Performance Features"
title="Built To Last"
description="Our decks are engineered with Canadian Maple, precision-milled for consistent pop and ultimate durability."
items={[
{
tag: "Durability",
title: "7-Ply Canadian Maple",
description: "High-density wood layers for maximum snap and resilience.",
primaryButton: {
text: "Learn More",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-skateboard-ramp_23-2147678183.jpg",
},
{
tag: "Graphic",
title: "Custom Designs",
description: "Exclusive graphics printed with durable inks that last session after session.",
primaryButton: {
text: "Explore",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-wheels-outdoors_23-2150407567.jpg",
},
{
tag: "Smooth",
title: "Precision Wheels",
description: "High-rebound urethane wheels for a buttery smooth ride on any surface.",
primaryButton: {
text: "View Specs",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-guy-sitting-with-skateboard_23-2147665436.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,40 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroCenteredLogos
avatarsSrc={[
"http://img.b2bpic.net/free-photo/girl-posing-with-skate-board_72229-107.jpg",
"http://img.b2bpic.net/free-photo/young-woman-holding-skateboard-her-head_1140-245.jpg",
"http://img.b2bpic.net/free-photo/sportswoman-skateboarding-with-helmet_23-2147665407.jpg",
"http://img.b2bpic.net/free-photo/outdoor-shot-pretty-cheerful-millennial-girl-dressed-casual-striped-jumper-carries-longboard-leads-active-lifestyle-smiles-gladfully-poses-against-urban-background-positive-female-skater_273609-59938.jpg",
]}
avatarText="Join 5,000+ skaters worldwide"
title="Ride The Blue Wave"
description="Premium skateboards crafted for precision, durability, and style. Elevate your ride with Blue Skate Inc."
primaryButton={{
text: "Shop Collection",
href: "#products",
}}
secondaryButton={{
text: "Learn More",
href: "#about",
}}
names={[
"Pro Riders",
"Street Shredders",
"Park Legends",
]}
imageSrc="http://img.b2bpic.net/free-photo/skater-boy-sitting-half-pipe_23-2147670755.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,38 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "metrics" section.
import React from 'react';
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
import { Award, CheckCircle, Globe, Star, Users, Zap } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MetricsSection(): React.JSX.Element {
return (
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsIconCards
tag="Performance Stats"
title="By The Numbers"
description="Our commitment to excellence translates into real-world performance."
metrics={[
{
icon: Award,
title: "Years Active",
value: "12+",
},
{
icon: Users,
title: "Happy Riders",
value: "50k+",
},
{
icon: Globe,
title: "Countries Shipped",
value: "45",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,57 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "products" section.
import React from 'react';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ProductsSection(): React.JSX.Element {
return (
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="Our Catalog"
title="Deck Out Your Ride"
description="Browse our latest pro-grade decks and gear, designed by skaters for skaters."
items={[
{
title: "Blue Classic",
description: "The OG deck.",
imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-wheels_23-2150583911.jpg",
},
{
title: "Street Beast",
description: "Built for rails.",
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-pavement_23-2147678122.jpg",
},
{
title: "Park Flow",
description: "Smooth transitions.",
imageSrc: "http://img.b2bpic.net/free-photo/person-posing-with-skateboard_23-2150583983.jpg",
},
{
title: "Vert Master",
description: "Wide, stable base.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-feet-girl-sneakers-rides-orange-penny-skateboard-asphalt_158538-13810.jpg",
},
{
title: "Urban Blue",
description: "Sleek commuter.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-feet-girl-sneakers-rides-orange-penny-skateboard-asphalt_158538-13818.jpg",
},
{
title: "Pro Model X",
description: "Elite performance.",
imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-wheels-outdoors_23-2150407517.jpg",
},
{
title: "Limited Edition",
description: "Collectable art.",
imageSrc: "http://img.b2bpic.net/free-photo/skater-pleading_1368-921.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,29 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "social-proof" section.
import React from 'react';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function SocialProofSection(): React.JSX.Element {
return (
<div id="social-proof" data-section="social-proof">
<SectionErrorBoundary name="social-proof">
<SocialProofMarquee
tag="Trusted By"
title="Partnered With Brands"
description="Proudly associated with leading skate shops and industry partners."
names={[
"SkateShop City",
"Urban Grind",
"Concrete Jungle",
"Local Vibes",
"Shred Hub",
"Rider Flow",
"Street Culture",
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,57 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialRatingCards
tag="Reviews"
title="Hear From The Community"
description="Skaters everywhere trust Blue Skateboards Inc for their daily sessions."
testimonials={[
{
name: "Alex R.",
role: "Pro Skater",
quote: "Best pop I've ever had on a deck. Solid construction.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-skateboard-ourdoor_23-2148436088.jpg",
},
{
name: "Jamie M.",
role: "Street Skater",
quote: "Blue decks are durable and look amazing under feet.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-with-skateboard_23-2149053571.jpg",
},
{
name: "Sam K.",
role: "Park Skater",
quote: "Consistent quality, session after session. Can't beat it.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-teenager-having-lunch-park-skateboard_23-2148758443.jpg",
},
{
name: "Casey P.",
role: "Beginner",
quote: "Perfect for learning new tricks. Very forgiving.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-skateboard_23-2147892822.jpg",
},
{
name: "Jordan L.",
role: "Filmer",
quote: "These decks look sick on camera and ride even better.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-girl-holding-skateboard_23-2149653808.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}