Merge version_2_1782591091502 into main #1
@@ -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,
|
||||
|
||||
@@ -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 />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
39
src/pages/HomePage/sections/About.tsx
Normal file
39
src/pages/HomePage/sections/About.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
48
src/pages/HomePage/sections/Faq.tsx
Normal file
48
src/pages/HomePage/sections/Faq.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
52
src/pages/HomePage/sections/Features.tsx
Normal file
52
src/pages/HomePage/sections/Features.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
40
src/pages/HomePage/sections/Hero.tsx
Normal file
40
src/pages/HomePage/sections/Hero.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
38
src/pages/HomePage/sections/Metrics.tsx
Normal file
38
src/pages/HomePage/sections/Metrics.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Products.tsx
Normal file
57
src/pages/HomePage/sections/Products.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
29
src/pages/HomePage/sections/SocialProof.tsx
Normal file
29
src/pages/HomePage/sections/SocialProof.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Testimonials.tsx
Normal file
57
src/pages/HomePage/sections/Testimonials.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user