Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-04-26 00:53:04 +00:00
4 changed files with 72 additions and 436 deletions

View File

@@ -3,11 +3,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterSimple from '@/components/sections/footer/FooterSimple';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
@@ -25,37 +25,23 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Stun Guns",
id: "/stun-guns",
},
{
name: "Flashlights",
id: "/flashlights",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
brandName="Cobra Security"
button={{ text: "Contact", href: "/contact" }}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
<FeatureCardTwentyEight
textboxLayout="default"
useInvertedBackground={false}
title="Our Story"
description="Founded by professionals with a focus on durability, Cobra Security provides the tools you need for peace of mind."
imageSrc="http://img.b2bpic.net/free-photo/aid-healthcare-medical-safety-checkup_53876-121319.jpg"
features={[]}
animationType="none"
/>
</div>
@@ -67,36 +53,14 @@ export default function LandingPage() {
title="Our Values"
description="Committed to the safety of every customer."
testimonials={[
{
id: "at1",
name: "Alex R.",
role: "Founder",
company: "Cobra",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-blue-shirt-standing-against-grey-wall_23-2148130268.jpg",
},
{
id: "at2",
name: "Maria L.",
role: "Lead Engineer",
company: "Cobra",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-executive-with-crossed-arms_1154-242.jpg",
},
{ id: "at1", name: "Alex R.", role: "Founder", company: "Cobra", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-blue-shirt-standing-against-grey-wall_23-2148130268.jpg" },
{ id: "at2", name: "Maria L.", role: "Lead Engineer", company: "Cobra", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-executive-with-crossed-arms_1154-242.jpg" },
{ id: "at3", name: "Tom K.", role: "Support", company: "Cobra", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2873.jpg" }
]}
kpiItems={[
{
value: "10k+",
label: "Units Sold",
},
{
value: "50+",
label: "States Shipped",
},
{
value: "100%",
label: "Customer Care",
},
{ value: "10k+", label: "Units Sold" },
{ value: "50+", label: "States Shipped" },
{ value: "100%", label: "Customer Care" }
]}
/>
</div>
@@ -104,36 +68,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Quick Links",
items: [
{
label: "Home",
href: "/",
},
{
label: "About Us",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Shop",
items: [
{
label: "Stun Guns",
href: "/shop",
},
{
label: "Flashlights",
href: "/shop",
},
],
},
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
{ title: "Shop", items: [{ label: "Stun Guns", href: "/shop" }, { label: "Flashlights", href: "/shop" }] }
]}
bottomLeftText="© 2024 Cobra Security Products. All Rights Reserved."
bottomRightText="Stun gun laws vary by state. Please use responsibly."

View File

@@ -7,7 +7,7 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
@@ -25,28 +25,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Stun Guns",
id: "/stun-guns",
},
{
name: "Flashlights",
id: "/flashlights",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
brandName="Cobra Security"
button={{ text: "Contact", href: "/contact" }}
/>
</div>
@@ -56,26 +40,11 @@ export default function LandingPage() {
title="Get in Touch"
description="Questions? We are here to help."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true }
]}
textarea={{
name: "message",
placeholder: "Your message here...",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-taking-notes-ambulance-car_23-2149478462.jpg?_wi=2"
textarea={{ name: "message", placeholder: "Your message here...", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-taking-notes-ambulance-car_23-2149478462.jpg"
imageAlt="safety training concept"
/>
</div>
@@ -87,54 +56,19 @@ export default function LandingPage() {
title="Need Help Fast?"
description="Review our primary support questions."
faqs={[
{
id: "cx1",
title: "How do I track shipping?",
content: "Check your email for the tracking number after purchase.",
},
{
id: "cx2",
title: "Can I return items?",
content: "Yes, we accept returns within 30 days.",
},
{ id: "cx1", title: "How do I track shipping?", content: "Check your email for the tracking number after purchase." },
{ id: "cx2", title: "Can I return items?", content: "Yes, we accept returns within 30 days." }
]}
imageSrc="http://img.b2bpic.net/free-photo/security-guards-workspace_23-2150321659.jpg"
faqsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Quick Links",
items: [
{
label: "Home",
href: "/",
},
{
label: "About Us",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Shop",
items: [
{
label: "Stun Guns",
href: "/shop",
},
{
label: "Flashlights",
href: "/shop",
},
],
},
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
{ title: "Shop", items: [{ label: "Stun Guns", href: "/shop" }, { label: "Flashlights", href: "/shop" }] }
]}
bottomLeftText="© 2024 Cobra Security Products. All Rights Reserved."
bottomRightText="Stun gun laws vary by state. Please use responsibly."

View File

@@ -28,70 +28,25 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Stun Guns",
id: "/stun-guns",
},
{
name: "Flashlights",
id: "/flashlights",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
brandName="Cobra Security"
button={{ text: "Contact", href: "/contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Your Security Matters"
description="Stay protected with Cobra Stun Guns. Empowering personal safety, preparedness, and peace of mind."
tag="Small Family-Owned Business"
buttons={[
{
text: "Shop Stun Guns",
href: "/shop",
},
{
text: "Shop Flashlights",
href: "/shop",
},
]}
buttons={[{ text: "Shop Stun Guns", href: "/shop" }, { text: "Shop Flashlights", href: "/shop" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-preparing-boxing_23-2148615132.jpg",
imageAlt: "Tactical Security Equipment",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blue-hygiene-composition-with-space-right_23-2147693223.jpg",
imageAlt: "Confidence in Safety",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-wooden-items-arrangement-view_23-2149357131.jpg",
imageAlt: "Tactical Gear Layout",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-dark-candle-dark-surface_179666-37896.jpg",
imageAlt: "Security Equipment Detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dark-grunge-style-metal-background_1048-5484.jpg",
imageAlt: "Industrial Security Concept",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-preparing-boxing_23-2148615132.jpg", imageAlt: "Tactical Security Equipment" },
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-hygiene-composition-with-space-right_23-2147693223.jpg", imageAlt: "Confidence in Safety" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -105,27 +60,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Safety Pin",
subtitle: "Disables unit on pull",
category: "Safety",
value: "Essential",
},
{
id: "f2",
title: "Flashlight",
subtitle: "Bright integrated light",
category: "Utility",
value: "180 Lumens",
},
{
id: "f3",
title: "Siren",
subtitle: "High-decibel alarm",
category: "Deterrence",
value: "Included",
},
{ id: "f1", title: "Safety Pin", subtitle: "Disables unit on pull", category: "Safety", value: "Essential" },
{ id: "f2", title: "Flashlight", subtitle: "Bright integrated light", category: "Utility", value: "180 Lumens" },
{ id: "f3", title: "Siren", subtitle: "High-decibel alarm", category: "Deterrence", value: "Included" }
]}
title="Cobra Security Features"
description="Safety in every detail."
@@ -139,30 +76,10 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "CSP-007 Stun Gun",
price: "$39.00",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-storage-devices-assortment_23-2149319330.jpg",
},
{
id: "p2",
name: "CSP-15N Flashlight",
price: "$29.00",
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-camera-without-lens_23-2148532491.jpg",
},
{
id: "p3",
name: "High Power Stun Gun",
price: "$22.00",
imageSrc: "http://img.b2bpic.net/free-photo/handgun-disassembled-into-parts-brush-cleaning-gunpowder-residue_342744-54.jpg",
},
{
id: "p4",
name: "Ultra Flashlight",
price: "$59.98",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-head-lantern_23-2148282331.jpg",
},
{ id: "p1", name: "CSP-007 Stun Gun", price: "$39.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-storage-devices-assortment_23-2149319330.jpg" },
{ id: "p2", name: "CSP-15N Flashlight", price: "$29.00", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-camera-without-lens_23-2148532491.jpg" },
{ id: "p3", name: "High Power Stun Gun", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/handgun-disassembled-into-parts-brush-cleaning-gunpowder-residue_342744-54.jpg" },
{ id: "p4", name: "Ultra Flashlight", price: "$59.98", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-head-lantern_23-2148282331.jpg" }
]}
title="Featured Products"
description="Reliable gear for your daily safety."
@@ -175,60 +92,14 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah J.",
role: "Parent",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-black-man-with-charming-smile-studio-shot-well-dressed-african-guy-wears-white-t-shirt-gray-jacket_639032-250.jpg",
},
{
id: "t2",
name: "Mike D.",
role: "Commuter",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-man-standing-with-crossed-arms-isolated-gray-background_231208-14065.jpg",
},
{
id: "t3",
name: "Elena P.",
role: "Teacher",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/image-happy-smiling-africanamerican-girl-white-tshirt-cross-arms-chest-looking-confiden_1258-130792.jpg",
},
{
id: "t4",
name: "Tom R.",
role: "Hiker",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg",
},
{
id: "t5",
name: "Lisa K.",
role: "Student",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portraiut-young-boss-sitting-front-table_613910-9629.jpg",
},
{ id: "t1", name: "Sarah J.", role: "Parent", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-black-man-with-charming-smile-studio-shot-well-dressed-african-guy-wears-white-t-shirt-gray-jacket_639032-250.jpg" },
{ id: "t2", name: "Mike D.", role: "Commuter", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-man-standing-with-crossed-arms-isolated-gray-background_231208-14065.jpg" },
{ id: "t3", name: "Elena P.", role: "Teacher", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/image-happy-smiling-africanamerican-girl-white-tshirt-cross-arms-chest-looking-confiden_1258-130792.jpg" }
]}
kpiItems={[
{
value: "10k+",
label: "Customers",
},
{
value: "2yr",
label: "Warranty",
},
{
value: "100%",
label: "Commitment",
},
{ value: "10k+", label: "Customers" },
{ value: "2yr", label: "Warranty" },
{ value: "100%", label: "Commitment" }
]}
title="Customer Reviews"
description="Hear why families trust Cobra."
@@ -240,23 +111,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Are stun guns legal?",
content: "Laws vary by state. Always check local regulations.",
},
{
id: "q2",
title: "What is the warranty?",
content: "We provide an automatic two-year warranty.",
},
{
id: "q3",
title: "How do I charge?",
content: "Use the integrated charger provided with every unit.",
},
{ id: "q1", title: "Are stun guns legal?", content: "Laws vary by state. Always check local regulations." },
{ id: "q2", title: "What is the warranty?", content: "We provide an automatic two-year warranty." },
{ id: "q3", title: "How do I charge?", content: "Use the integrated charger provided with every unit." }
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-taking-notes-ambulance-car_23-2149478462.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-taking-notes-ambulance-car_23-2149478462.jpg"
title="Frequently Asked Questions"
description="Everything you need to know about safety gear."
faqsAnimation="blur-reveal"
@@ -266,36 +125,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Quick Links",
items: [
{
label: "Home",
href: "/",
},
{
label: "About Us",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Shop",
items: [
{
label: "Stun Guns",
href: "/shop",
},
{
label: "Flashlights",
href: "/shop",
},
],
},
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
{ title: "Shop", items: [{ label: "Stun Guns", href: "/shop" }, { label: "Flashlights", href: "/shop" }] }
]}
bottomLeftText="© 2024 Cobra Security Products. All Rights Reserved."
bottomRightText="Stun gun laws vary by state. Please use responsibly."

View File

@@ -7,7 +7,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
export default function LandingPage() {
export default function ShopPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
@@ -25,28 +25,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Stun Guns",
id: "/stun-guns",
},
{
name: "Flashlights",
id: "/flashlights",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
brandName="Cobra Security"
button={{ text: "Contact", href: "/contact" }}
/>
</div>
@@ -54,23 +38,14 @@ export default function LandingPage() {
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
title="Our Collection"
description="Explore our full range of tactical and self-defense tools."
products={[
{
id: "s1",
name: "Standard Stun Gun",
price: "$29.00",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-37831.jpg",
},
{
id: "s2",
name: "Tactical Torch",
price: "$34.00",
imageSrc: "http://img.b2bpic.net/free-photo/suitcase-with-necktie-father-s-day_23-2147631315.jpg",
},
{ id: "s1", name: "Standard Stun Gun", price: "$29.00", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-37831.jpg" },
{ id: "s2", name: "Tactical Torch", price: "$34.00", imageSrc: "http://img.b2bpic.net/free-photo/suitcase-with-necktie-father-s-day_23-2147631315.jpg" },
{ id: "s3", name: "Stun Gun Pro", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-storage-devices-assortment_23-2149319330.jpg" }
]}
/>
</div>
@@ -83,20 +58,8 @@ export default function LandingPage() {
title="Why Choose Cobra?"
description="Unmatched reliability for your safety needs."
features={[
{
id: "why1",
title: "Industrial Grade",
subtitle: "Built to last",
category: "Quality",
value: "100%",
},
{
id: "why2",
title: "Easy to Use",
subtitle: "Ergonomic designs",
category: "UX",
value: "Simple",
},
{ id: "why1", title: "Industrial Grade", subtitle: "Built to last", category: "Quality", value: "100%" },
{ id: "why2", title: "Easy to Use", subtitle: "Ergonomic designs", category: "UX", value: "Simple" }
]}
/>
</div>
@@ -104,36 +67,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Quick Links",
items: [
{
label: "Home",
href: "/",
},
{
label: "About Us",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Shop",
items: [
{
label: "Stun Guns",
href: "/shop",
},
{
label: "Flashlights",
href: "/shop",
},
],
},
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
{ title: "Shop", items: [{ label: "Stun Guns", href: "/shop" }, { label: "Flashlights", href: "/shop" }] }
]}
bottomLeftText="© 2024 Cobra Security Products. All Rights Reserved."
bottomRightText="Stun gun laws vary by state. Please use responsibly."