536 lines
23 KiB
JavaScript
536 lines
23 KiB
JavaScript
"use strict";
|
|
(self["webpackChunkdropship_store"] = self["webpackChunkdropship_store"] || []).push([["page-stories"],{
|
|
|
|
/***/ "./app/page.stories.tsx"
|
|
/*!******************************!*\
|
|
!*** ./app/page.stories.tsx ***!
|
|
\******************************/
|
|
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ Default: () => (/* binding */ Default),
|
|
/* harmony export */ __namedExportsOrder: () => (/* binding */ __namedExportsOrder),
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _page__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./page */ "./app/page.tsx");
|
|
|
|
var meta = {
|
|
title: "Pages/page.tsx",
|
|
component: _page__WEBPACK_IMPORTED_MODULE_0__["default"]
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (meta);
|
|
var Default = {
|
|
render: function render() {
|
|
return /*#__PURE__*/React.createElement(_page__WEBPACK_IMPORTED_MODULE_0__["default"], null);
|
|
}
|
|
};
|
|
;
|
|
const __namedExportsOrder = ["Default"];
|
|
Default.parameters = {
|
|
...Default.parameters,
|
|
docs: {
|
|
...Default.parameters?.docs,
|
|
source: {
|
|
originalSource: "{\n render: () => <Page />\n}",
|
|
...Default.parameters?.docs?.source
|
|
}
|
|
}
|
|
};
|
|
|
|
/***/ },
|
|
|
|
/***/ "./app/page.tsx"
|
|
/*!**********************!*\
|
|
!*** ./app/page.tsx ***!
|
|
\**********************/
|
|
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ HomePage)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _components_CategoryGrid__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/CategoryGrid */ "./components/CategoryGrid.tsx");
|
|
/* harmony import */ var _components_DesktopHeader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/DesktopHeader */ "./components/DesktopHeader.tsx");
|
|
/* harmony import */ var _components_MobileHeader__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/MobileHeader */ "./components/MobileHeader.tsx");
|
|
/* harmony import */ var _components_Footer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/Footer */ "./components/Footer.tsx");
|
|
/* harmony import */ var _components_ShopByVehicleSection__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/ShopByVehicleSection */ "./components/ShopByVehicleSection.tsx");
|
|
/* harmony import */ var _components_TrailReelsSection__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/TrailReelsSection */ "./components/TrailReelsSection.tsx");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function HomePage() {
|
|
return /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(_components_DesktopHeader__WEBPACK_IMPORTED_MODULE_1__["default"], null), /*#__PURE__*/React.createElement(_components_MobileHeader__WEBPACK_IMPORTED_MODULE_2__["default"], null), /*#__PURE__*/React.createElement("section", {
|
|
className: "section"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "container"
|
|
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_components_ShopByVehicleSection__WEBPACK_IMPORTED_MODULE_4__["default"], null), /*#__PURE__*/React.createElement(_components_CategoryGrid__WEBPACK_IMPORTED_MODULE_0__["default"], null), /*#__PURE__*/React.createElement(_components_TrailReelsSection__WEBPACK_IMPORTED_MODULE_5__["default"], null)))), /*#__PURE__*/React.createElement(_components_Footer__WEBPACK_IMPORTED_MODULE_3__["default"], null));
|
|
}
|
|
;
|
|
HomePage.__docgenInfo = {
|
|
"description": "",
|
|
"methods": [],
|
|
"displayName": "HomePage"
|
|
};
|
|
|
|
/***/ },
|
|
|
|
/***/ "./components/CategoryGrid.tsx"
|
|
/*!*************************************!*\
|
|
!*** ./components/CategoryGrid.tsx ***!
|
|
\*************************************/
|
|
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ CategoryGrid)
|
|
/* harmony export */ });
|
|
/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! next/link */ "./.storybook/mocks/next-link.js");
|
|
/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _categories__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./categories */ "./components/categories.ts");
|
|
"use client";
|
|
|
|
|
|
|
|
function CategoryGrid() {
|
|
return /*#__PURE__*/React.createElement("div", {
|
|
className: "section section--categories"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "container"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "section__header section__header--center"
|
|
}, /*#__PURE__*/React.createElement("h2", null, "Shop by Category")), /*#__PURE__*/React.createElement("div", {
|
|
className: "grid-4"
|
|
}, _categories__WEBPACK_IMPORTED_MODULE_1__.CATEGORIES.map(function (c) {
|
|
return /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
key: c,
|
|
href: "/category/".concat((0,_categories__WEBPACK_IMPORTED_MODULE_1__.slugifyCategory)(c)),
|
|
className: "cat-card",
|
|
"aria-label": c,
|
|
style: {
|
|
backgroundImage: "url(/categories/cat-".concat((0,_categories__WEBPACK_IMPORTED_MODULE_1__.slugifyCategory)(c), ".png)")
|
|
}
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "cat-card__overlay"
|
|
}), /*#__PURE__*/React.createElement("div", {
|
|
className: "cat-card__label"
|
|
}, c));
|
|
}))));
|
|
}
|
|
;
|
|
CategoryGrid.__docgenInfo = {
|
|
"description": "",
|
|
"methods": [],
|
|
"displayName": "CategoryGrid"
|
|
};
|
|
|
|
/***/ },
|
|
|
|
/***/ "./components/DesktopHeader.tsx"
|
|
/*!**************************************!*\
|
|
!*** ./components/DesktopHeader.tsx ***!
|
|
\**************************************/
|
|
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Header)
|
|
/* harmony export */ });
|
|
/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! next/link */ "./.storybook/mocks/next-link.js");
|
|
/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _categories__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./categories */ "./components/categories.ts");
|
|
/* harmony import */ var next_auth_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! next-auth/react */ "./node_modules/next-auth/react/index.js");
|
|
/* harmony import */ var next_auth_react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_auth_react__WEBPACK_IMPORTED_MODULE_3__);
|
|
"use client";
|
|
|
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
|
|
|
|
|
|
|
|
var MERCH_ICONS = ["/icons/merchicon1.png", "/icons/merchicon2.png", "/icons/merchicon3.png", "/icons/merchicon4.png"];
|
|
function Header(_ref) {
|
|
var _ref$forceScrolled = _ref.forceScrolled,
|
|
forceScrolled = _ref$forceScrolled === void 0 ? false : _ref$forceScrolled;
|
|
var _CATEGORIES = _slicedToArray(_categories__WEBPACK_IMPORTED_MODULE_2__.CATEGORIES, 8),
|
|
interior = _CATEGORIES[0],
|
|
exterior = _CATEGORIES[1],
|
|
lighting = _CATEGORIES[2],
|
|
audio = _CATEGORIES[3],
|
|
tools = _CATEGORIES[4],
|
|
suspension = _CATEGORIES[5],
|
|
performance = _CATEGORIES[6],
|
|
drivetrain = _CATEGORIES[7];
|
|
var left = [interior, tools, exterior, drivetrain];
|
|
var right = [lighting, suspension, audio, performance];
|
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0),
|
|
_useState2 = _slicedToArray(_useState, 2),
|
|
merchIndex = _useState2[0],
|
|
setMerchIndex = _useState2[1];
|
|
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(forceScrolled),
|
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
isScrolled = _useState4[0],
|
|
setIsScrolled = _useState4[1];
|
|
var _useSession = (0,next_auth_react__WEBPACK_IMPORTED_MODULE_3__.useSession)(),
|
|
session = _useSession.data,
|
|
status = _useSession.status;
|
|
var authLabel = status === "authenticated" ? session.user.name || session.user.email || "Account" : "Sign In / Sign Up";
|
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
var t = setInterval(function () {
|
|
return setMerchIndex(function (i) {
|
|
return (i + 1) % MERCH_ICONS.length;
|
|
});
|
|
}, 3000);
|
|
return function () {
|
|
return clearInterval(t);
|
|
};
|
|
}, []);
|
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
if (forceScrolled) {
|
|
setIsScrolled(true);
|
|
return;
|
|
}
|
|
var SHRINK_AT = 140;
|
|
var EXPAND_AT = 80;
|
|
var onScroll = function onScroll() {
|
|
if (window.innerWidth < 981) {
|
|
setIsScrolled(false);
|
|
return;
|
|
}
|
|
var y = window.scrollY;
|
|
setIsScrolled(function (prev) {
|
|
return prev ? y > EXPAND_AT : y > SHRINK_AT;
|
|
});
|
|
};
|
|
onScroll();
|
|
window.addEventListener("scroll", onScroll, {
|
|
passive: true
|
|
});
|
|
return function () {
|
|
return window.removeEventListener("scroll", onScroll);
|
|
};
|
|
}, [forceScrolled]);
|
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
if (typeof window !== "undefined" && window.innerWidth >= 981) {
|
|
document.body.classList.toggle("so-header-scrolled", isScrolled);
|
|
return function () {
|
|
return document.body.classList.remove("so-header-scrolled");
|
|
};
|
|
}
|
|
return undefined;
|
|
}, [isScrolled]);
|
|
return /*#__PURE__*/React.createElement("header", {
|
|
className: "so-header".concat(isScrolled ? " so-header--scrolled" : "")
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "container"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "so-header__top"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "so-header__left"
|
|
}, /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/",
|
|
className: "so-home",
|
|
"aria-label": "Home"
|
|
}, /*#__PURE__*/React.createElement("span", {
|
|
className: "so-home__icon"
|
|
})), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/merch",
|
|
className: "so-merch",
|
|
"aria-label": "Merch"
|
|
}, MERCH_ICONS.map(function (src, i) {
|
|
return /*#__PURE__*/React.createElement("img", {
|
|
key: src,
|
|
src: src,
|
|
className: "so-merch__icon" + (i === merchIndex ? " so-merch__icon--active" : ""),
|
|
alt: ""
|
|
});
|
|
}))), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/",
|
|
className: "so-header__logo-wrap"
|
|
}, /*#__PURE__*/React.createElement("img", {
|
|
src: "/icons/logo.png",
|
|
className: "so-header__logo",
|
|
alt: "Shifted Offroad"
|
|
})), /*#__PURE__*/React.createElement("div", {
|
|
className: "so-header__right"
|
|
}, /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/rewards",
|
|
className: "so-rewards"
|
|
}, /*#__PURE__*/React.createElement("span", {
|
|
className: "so-rewards__icon"
|
|
})), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/cart",
|
|
className: "so-cart"
|
|
}, /*#__PURE__*/React.createElement("span", {
|
|
className: "so-cart__icon"
|
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
className: "so-header__categories"
|
|
}, /*#__PURE__*/React.createElement("nav", {
|
|
className: "so-header__nav so-header__nav--left"
|
|
}, left.map(function (c) {
|
|
return /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
key: c,
|
|
href: "/category/".concat((0,_categories__WEBPACK_IMPORTED_MODULE_2__.slugifyCategory)(c)),
|
|
className: "so-navitem"
|
|
}, c);
|
|
})), /*#__PURE__*/React.createElement("nav", {
|
|
className: "so-header__nav so-header__nav--right"
|
|
}, right.map(function (c) {
|
|
return /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
key: c,
|
|
href: "/category/".concat((0,_categories__WEBPACK_IMPORTED_MODULE_2__.slugifyCategory)(c)),
|
|
className: "so-navitem"
|
|
}, c);
|
|
})))));
|
|
}
|
|
;
|
|
Header.__docgenInfo = {
|
|
"description": "",
|
|
"methods": [],
|
|
"displayName": "Header",
|
|
"props": {
|
|
"forceScrolled": {
|
|
"required": false,
|
|
"tsType": {
|
|
"name": "boolean"
|
|
},
|
|
"description": "",
|
|
"defaultValue": {
|
|
"value": "false",
|
|
"computed": false
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
/***/ },
|
|
|
|
/***/ "./components/Footer.tsx"
|
|
/*!*******************************!*\
|
|
!*** ./components/Footer.tsx ***!
|
|
\*******************************/
|
|
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Footer)
|
|
/* harmony export */ });
|
|
/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! next/link */ "./.storybook/mocks/next-link.js");
|
|
/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _categories__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./categories */ "./components/categories.ts");
|
|
|
|
|
|
function Footer() {
|
|
return /*#__PURE__*/React.createElement("footer", {
|
|
className: "footer"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "container footer__inner"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "footer__brand"
|
|
}, /*#__PURE__*/React.createElement("img", {
|
|
src: "/icons/logo.png",
|
|
alt: "Shifted Offroad",
|
|
style: {
|
|
height: 54,
|
|
width: "auto",
|
|
display: "block",
|
|
marginBottom: 10
|
|
},
|
|
decoding: "async",
|
|
loading: "lazy"
|
|
}), /*#__PURE__*/React.createElement("div", {
|
|
style: {
|
|
opacity: 0.9,
|
|
fontSize: 13,
|
|
lineHeight: 1.65
|
|
}
|
|
}, "Shifted Offroad (Kelowna, BC) is an offroad parts and accessories company built around real fitment, honest advice, and clean installs. We focus on parts that work as advertised, pair well with common builds, and hold up to the conditions that actually get trucks and SUVs used the way they should be."), /*#__PURE__*/React.createElement("div", {
|
|
style: {
|
|
opacity: 0.9,
|
|
fontSize: 13,
|
|
lineHeight: 1.65,
|
|
marginTop: 10
|
|
}
|
|
}, "Our catalog blends trail-ready essentials with smart upgrades that improve capability without compromising daily drivability. Whether you are dialing in stance, lighting, recovery, or cargo utility, we help you choose components that fit your vehicle and your goals."), /*#__PURE__*/React.createElement("div", {
|
|
style: {
|
|
opacity: 0.9,
|
|
fontSize: 13,
|
|
lineHeight: 1.65,
|
|
marginTop: 10
|
|
}
|
|
}, "We are easy to reach, fast to respond, and focused on getting it right the first time. The goal is a simple, confident purchase and a setup you are proud to run.")), /*#__PURE__*/React.createElement("div", {
|
|
className: "footer__col footer__col--categories"
|
|
}, /*#__PURE__*/React.createElement("h4", null, "Categories"), _categories__WEBPACK_IMPORTED_MODULE_1__.CATEGORIES.map(function (c) {
|
|
return /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
key: c,
|
|
href: "/category/".concat((0,_categories__WEBPACK_IMPORTED_MODULE_1__.slugifyCategory)(c))
|
|
}, c);
|
|
})), /*#__PURE__*/React.createElement("div", {
|
|
className: "footer__col footer__col--support"
|
|
}, /*#__PURE__*/React.createElement("h4", null, "Support"), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/contact"
|
|
}, "Contact"), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/legal/faq"
|
|
}, "FAQ"), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/legal/warranty"
|
|
}, "Warranty")), /*#__PURE__*/React.createElement("div", {
|
|
className: "footer__col footer__col--legal"
|
|
}, /*#__PURE__*/React.createElement("h4", null, "Legal"), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/legal/privacy-policy"
|
|
}, "Privacy Policy"), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/legal/terms-of-service"
|
|
}, "Terms of Service"), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/legal/refund-policy"
|
|
}, "Refund Policy"), /*#__PURE__*/React.createElement((next_link__WEBPACK_IMPORTED_MODULE_0___default()), {
|
|
href: "/legal/cookies"
|
|
}, "Cookies"))), /*#__PURE__*/React.createElement("div", {
|
|
className: "footer__payments"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "container footer__payments-inner"
|
|
}, /*#__PURE__*/React.createElement("div", null, "Secure checkout powered by trusted processors."), /*#__PURE__*/React.createElement("div", {
|
|
className: "footer__payment-logos"
|
|
}, /*#__PURE__*/React.createElement("img", {
|
|
src: "/assets/payments/visa.svg",
|
|
alt: "Visa",
|
|
loading: "lazy",
|
|
decoding: "async"
|
|
}), /*#__PURE__*/React.createElement("img", {
|
|
src: "/assets/payments/visa-alt.svg",
|
|
alt: "Visa",
|
|
loading: "lazy",
|
|
decoding: "async"
|
|
}), /*#__PURE__*/React.createElement("img", {
|
|
src: "/assets/payments/stripe.svg",
|
|
alt: "Stripe",
|
|
loading: "lazy",
|
|
decoding: "async"
|
|
}), /*#__PURE__*/React.createElement("img", {
|
|
src: "/assets/payments/paypal.svg",
|
|
alt: "PayPal",
|
|
loading: "lazy",
|
|
decoding: "async"
|
|
})))));
|
|
}
|
|
;
|
|
Footer.__docgenInfo = {
|
|
"description": "",
|
|
"methods": [],
|
|
"displayName": "Footer"
|
|
};
|
|
|
|
/***/ },
|
|
|
|
/***/ "./components/ShopByVehicleSection.tsx"
|
|
/*!*********************************************!*\
|
|
!*** ./components/ShopByVehicleSection.tsx ***!
|
|
\*********************************************/
|
|
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ ShopByVehicleSection)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _ShopByVehicle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ShopByVehicle */ "./components/ShopByVehicle.tsx");
|
|
"use client";
|
|
|
|
|
|
function ShopByVehicleSection() {
|
|
return /*#__PURE__*/React.createElement("section", {
|
|
className: "section section--sbv"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "container"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "sbv__title"
|
|
}, "What do you drive?"), /*#__PURE__*/React.createElement(_ShopByVehicle__WEBPACK_IMPORTED_MODULE_0__["default"], {
|
|
onSearch: function onSearch(sel) {
|
|
// Placeholder: wire to search or filtering when ready.
|
|
// Keeping it client-side avoids server component prop serialization issues.
|
|
// eslint-disable-next-line no-console
|
|
console.log("ShopByVehicle search", sel);
|
|
}
|
|
})));
|
|
}
|
|
;
|
|
ShopByVehicleSection.__docgenInfo = {
|
|
"description": "",
|
|
"methods": [],
|
|
"displayName": "ShopByVehicleSection"
|
|
};
|
|
|
|
/***/ },
|
|
|
|
/***/ "./components/TrailReelsSection.tsx"
|
|
/*!******************************************!*\
|
|
!*** ./components/TrailReelsSection.tsx ***!
|
|
\******************************************/
|
|
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ TrailReelsSection)
|
|
/* harmony export */ });
|
|
function TrailReelsSection() {
|
|
return /*#__PURE__*/React.createElement("section", {
|
|
className: "section section--trail-reels"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "container"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "trail-reels__header"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "trail-reels__title-wrap"
|
|
}, /*#__PURE__*/React.createElement("div", {
|
|
className: "trail-reels__title"
|
|
}, "Trail Reels"), /*#__PURE__*/React.createElement("div", {
|
|
className: "trail-reels__subtitle"
|
|
}, "Submit your videos with our merch for a chance to win 100$!")), /*#__PURE__*/React.createElement("button", {
|
|
className: "btn trail-reels__submit",
|
|
type: "button"
|
|
}, "Submit")), /*#__PURE__*/React.createElement("div", {
|
|
className: "trail-reels__grid"
|
|
}, /*#__PURE__*/React.createElement("video", {
|
|
className: "trail-reel",
|
|
src: "/TrailReels/Treel1.mp4",
|
|
autoPlay: true,
|
|
muted: true,
|
|
loop: true,
|
|
playsInline: true,
|
|
preload: "metadata"
|
|
}), /*#__PURE__*/React.createElement("video", {
|
|
className: "trail-reel",
|
|
src: "/TrailReels/Treel2.mp4",
|
|
autoPlay: true,
|
|
muted: true,
|
|
loop: true,
|
|
playsInline: true,
|
|
preload: "metadata"
|
|
}), /*#__PURE__*/React.createElement("video", {
|
|
className: "trail-reel",
|
|
src: "/TrailReels/Treel3.mp4",
|
|
autoPlay: true,
|
|
muted: true,
|
|
loop: true,
|
|
playsInline: true,
|
|
preload: "metadata"
|
|
}))));
|
|
}
|
|
;
|
|
TrailReelsSection.__docgenInfo = {
|
|
"description": "",
|
|
"methods": [],
|
|
"displayName": "TrailReelsSection"
|
|
};
|
|
|
|
/***/ }
|
|
|
|
}]);
|
|
//# sourceMappingURL=page-stories.iframe.bundle.js.map
|