Merge version_1 into main #2
229
src/app/page.tsx
229
src/app/page.tsx
@@ -30,88 +30,35 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Romark"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Unmatched Durability for the Front Line"
|
||||
description="Romark engineers tactical footwear designed to withstand the harshest environments. Built for those who serve, tested by the elements."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-tired-female-soldier-camouflage-black-wall_140725-153442.jpg",
|
||||
alt: "Soldier 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-soldier-affected-by-ptsd-effect_23-2149235503.jpg",
|
||||
alt: "Soldier 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brigadier-general-conducing-anti-terrorism-operations-federal-monitoring-room_482257-110733.jpg",
|
||||
alt: "Soldier 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-ready-duty_23-2149222738.jpg",
|
||||
alt: "Soldier 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tailor-standing-near-table-with-sewing-machine-looking-away-sewing-workshop_613910-5265.jpg",
|
||||
alt: "Soldier 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-tired-female-soldier-camouflage-black-wall_140725-153442.jpg", alt: "Soldier 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-soldier-affected-by-ptsd-effect_23-2149235503.jpg", alt: "Soldier 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brigadier-general-conducing-anti-terrorism-operations-federal-monitoring-room_482257-110733.jpg", alt: "Soldier 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-ready-duty_23-2149222738.jpg", alt: "Soldier 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/tailor-standing-near-table-with-sewing-machine-looking-away-sewing-workshop_613910-5265.jpg", alt: "Soldier 5" },
|
||||
]}
|
||||
buttons={[{ text: "View Collection", href: "#products" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "MILITARY GRADE",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "WATERPROOF",
|
||||
icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "ALL-TERRAIN",
|
||||
icon: Mountain,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "ANTI-SLIP",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "BREATHABLE",
|
||||
icon: Wind,
|
||||
},
|
||||
{ type: "text-icon", text: "MILITARY GRADE", icon: Shield },
|
||||
{ type: "text-icon", text: "WATERPROOF", icon: Droplets },
|
||||
{ type: "text-icon", text: "ALL-TERRAIN", icon: Mountain },
|
||||
{ type: "text-icon", text: "ANTI-SLIP", icon: Zap },
|
||||
{ type: "text-icon", text: "BREATHABLE", icon: Wind },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,58 +67,22 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Those Who Never Stop"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Mission",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Our Mission", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tactical Assault Pro",
|
||||
price: "$189",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-boots-stands-gravel-close-up_169016-35183.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Desert Force Elite",
|
||||
price: "$175",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoes_1303-3602.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Urban Recon V2",
|
||||
price: "$160",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-jeans-boots-walks-through-swamp-rainy-weather_169016-34197.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "All-Terrain Stealth",
|
||||
price: "$210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9825.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Heavy Duty Field",
|
||||
price: "$230",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-boots-stands-gravel-close-up_169016-35182.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Command Series Red",
|
||||
price: "$250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tired-female-soldier-camouflage-black-wall_140725-153442.jpg?_wi=1",
|
||||
},
|
||||
{ id: "1", name: "Tactical Assault Pro", price: "$189", imageSrc: "http://img.b2bpic.net/free-photo/man-boots-stands-gravel-close-up_169016-35183.jpg" },
|
||||
{ id: "2", name: "Desert Force Elite", price: "$175", imageSrc: "http://img.b2bpic.net/free-photo/shoes_1303-3602.jpg" },
|
||||
{ id: "3", name: "Urban Recon V2", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/man-jeans-boots-walks-through-swamp-rainy-weather_169016-34197.jpg" },
|
||||
{ id: "4", name: "All-Terrain Stealth", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9825.jpg" },
|
||||
{ id: "5", name: "Heavy Duty Field", price: "$230", imageSrc: "http://img.b2bpic.net/free-photo/man-boots-stands-gravel-close-up_169016-35182.jpg" },
|
||||
{ id: "6", name: "Command Series Red", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tired-female-soldier-camouflage-black-wall_140725-153442.jpg" },
|
||||
]}
|
||||
title="Performance Footwear"
|
||||
description="Precision-crafted for tactical operations."
|
||||
@@ -180,32 +91,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Reinforced Toe",
|
||||
description: "Steel-cap protection for extreme safety.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-shoes-isolated-black-background_169016-52853.jpg",
|
||||
imageAlt: "tactical boots photography",
|
||||
title: "Reinforced Toe", description: "Steel-cap protection for extreme safety.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Grip Traction",
|
||||
description: "Slip-resistant technology for uneven terrain.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-lower-legs-with-shoes-outdoors_23-2148289263.jpg",
|
||||
imageAlt: "soldiers boots training",
|
||||
title: "Grip Traction", description: "Slip-resistant technology for uneven terrain.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Breathable Fabric",
|
||||
description: "Moisture-wicking material for all-day comfort.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wind,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-boots-stands-gravel-close-up_169016-35183.jpg?_wi=2",
|
||||
imageAlt: "combat boot side view",
|
||||
title: "Breathable Fabric", description: "Moisture-wicking material for all-day comfort.", bentoComponent: "reveal-icon", icon: Wind,
|
||||
},
|
||||
]}
|
||||
title="Engineered for Success"
|
||||
@@ -219,41 +116,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
handle: "@jdoe",
|
||||
testimonial: "Best boots I've ever owned in the field.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tired-female-soldier-camouflage-black-wall_140725-153442.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Durable and incredibly comfortable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-soldier-affected-by-ptsd-effect_23-2149235503.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Ross",
|
||||
handle: "@mross",
|
||||
testimonial: "Survived months of intense terrain.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brigadier-general-conducing-anti-terrorism-operations-federal-monitoring-room_482257-110733.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Lee",
|
||||
handle: "@slee",
|
||||
testimonial: "Essential for my daily operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-ready-duty_23-2149222738.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom Baker",
|
||||
handle: "@tbaker",
|
||||
testimonial: "Unbeatable traction and grip.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tailor-standing-near-table-with-sewing-machine-looking-away-sewing-workshop_613910-5265.jpg",
|
||||
},
|
||||
{ id: "1", name: "John Doe", handle: "@jdoe", testimonial: "Best boots I've ever owned in the field.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tired-female-soldier-camouflage-black-wall_140725-153442.jpg" },
|
||||
{ id: "2", name: "Jane Smith", handle: "@jsmith", testimonial: "Durable and incredibly comfortable.", imageSrc: "http://img.b2bpic.net/free-photo/young-soldier-affected-by-ptsd-effect_23-2149235503.jpg" },
|
||||
{ id: "3", name: "Mike Ross", handle: "@mross", testimonial: "Survived months of intense terrain.", imageSrc: "http://img.b2bpic.net/free-photo/brigadier-general-conducing-anti-terrorism-operations-federal-monitoring-room_482257-110733.jpg" },
|
||||
{ id: "4", name: "Sarah Lee", handle: "@slee", testimonial: "Essential for my daily operations.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-ready-duty_23-2149222738.jpg" },
|
||||
{ id: "5", name: "Tom Baker", handle: "@tbaker", testimonial: "Unbeatable traction and grip.", imageSrc: "http://img.b2bpic.net/free-photo/tailor-standing-near-table-with-sewing-machine-looking-away-sewing-workshop_613910-5265.jpg" },
|
||||
]}
|
||||
title="Proven by the Forces"
|
||||
description="Hear from the soldiers who trust Romark."
|
||||
@@ -263,9 +130,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Contact Our Tactical Team"
|
||||
description="Have questions about bulk orders or technical specs? Reach out today."
|
||||
@@ -277,29 +142,15 @@ export default function LandingPage() {
|
||||
logoText="ROMARK"
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "Assault Boots",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Tactical Gear",
|
||||
href: "#",
|
||||
},
|
||||
title: "Products", items: [
|
||||
{ label: "Assault Boots", href: "#" },
|
||||
{ label: "Tactical Gear", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Size Guide",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Size Guide", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user