diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index ee50923..667abac 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -8,32 +8,25 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
- "name": "The Booth",
- "href": "#hero"
+ "name": "The Booth", "href": "#hero"
},
{
- "name": "Our Process",
- "href": "#process"
+ "name": "Our Process", "href": "#process"
},
{
- "name": "Testimonials",
- "href": "#testimonials"
+ "name": "Testimonials", "href": "#testimonials"
},
{
- "name": "Contact",
- "href": "#contact"
+ "name": "Contact", "href": "#contact"
},
{
- "name": "About",
- "href": "#about"
+ "name": "About", "href": "#about"
},
{
- "name": "Metrics",
- "href": "#metrics"
+ "name": "Metrics", "href": "#metrics"
},
{
- "name": "Social Proof",
- "href": "#social-proof"
+ "name": "Social Proof", "href": "#social-proof"
}
];
@@ -43,10 +36,9 @@ export default function Layout() {
@@ -57,70 +49,45 @@ export default function Layout() {
brand="KR Colour"
columns={[
{
- title: "Services",
- items: [
+ title: "Services", items: [
{
- label: "Bespoke Helmets",
- href: "#",
- },
+ label: "Bespoke Helmets", href: "#"},
{
- label: "Corporate Painting",
- href: "#",
- },
+ label: "Corporate Painting", href: "#"},
{
- label: "Maintenance",
- href: "#",
- },
+ label: "Maintenance", href: "#"},
],
},
{
- title: "Company",
- items: [
+ title: "Company", items: [
{
- label: "About Us",
- href: "#",
- },
+ label: "About Us", href: "#"},
{
- label: "Our Process",
- href: "#process",
- },
+ label: "Our Process", href: "#process"},
{
- label: "Studio",
- href: "#",
- },
+ label: "Studio", href: "#"},
],
},
{
- title: "Socials",
- items: [
+ title: "Socials", items: [
{
- label: "Instagram",
- href: "#",
- },
+ label: "Instagram", href: "#"},
{
- label: "Twitter",
- href: "#",
- },
+ label: "Twitter", href: "#"},
{
- label: "LinkedIn",
- href: "#",
- },
+ label: "LinkedIn", href: "#"},
],
},
]}
copyright="© 2024 KR Colour. All rights reserved."
links={[
{
- label: "Privacy Policy",
- href: "#",
- },
+ label: "Privacy Policy", href: "#"},
{
- label: "Terms of Service",
- href: "#",
- },
+ label: "Terms of Service", href: "#"},
]}
/>
);
-}
+}
\ No newline at end of file
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 2f7c498..59cbaa8 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -19,25 +19,18 @@ export default function HomePage() {
title="Where Paint Becomes Performance Art"
description="Every helmet that leaves our spray booth is engineered for speed and sculpted for identity. Step inside and see how precision meets passion in motion."
primaryButton={{
- text: "Enter the Booth",
- href: "#process",
- }}
+ text: "Enter the Booth", href: "#process"}}
secondaryButton={{
- text: "View Portfolio",
- href: "#portfolio",
- }}
+ text: "View Portfolio", href: "#portfolio"}}
items={[
{
- text: "FIA Certified Finishes",
- icon: Shield,
+ text: "FIA Certified Finishes", icon: Shield,
},
{
- text: "High-Fidelity Detail",
- icon: Zap,
+ text: "High-Fidelity Detail", icon: Zap,
},
{
- text: "Bespoke Geometry",
- icon: Sparkles,
+ text: "Bespoke Geometry", icon: Sparkles,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585673.jpg"
@@ -50,13 +43,9 @@ export default function HomePage() {
@@ -69,47 +58,19 @@ export default function HomePage() {
description="From raw shell to high-gloss performance art, we follow a rigorous 7-stage process that ensures durability, weight-balance, and aesthetic brilliance."
items={[
{
- title: "Consultation",
- description: "Defining your vision and design requirements.",
- href: "#contact",
- imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-black-leather-gloves-protective-motorbike-helmet-attractive-self-determined-female-motocycle-racer-wearing-hands-body-protection-from-falls-accidents_343059-3286.jpg",
- },
+ title: "Consultation", description: "Defining your vision and design requirements.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-black-leather-gloves-protective-motorbike-helmet-attractive-self-determined-female-motocycle-racer-wearing-hands-body-protection-from-falls-accidents_343059-3286.jpg"},
{
- title: "Prep Work",
- description: "Precision sanding and shell integrity checks.",
- href: "#contact",
- imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-motorcycle-helmet_23-2151113208.jpg",
- },
+ title: "Prep Work", description: "Precision sanding and shell integrity checks.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-motorcycle-helmet_23-2151113208.jpg"},
{
- title: "Masking",
- description: "Complex multi-layer masking for intricate graphics.",
- href: "#contact",
- imageSrc: "http://img.b2bpic.net/free-photo/hands-with-gloves-disinfecting-surface_23-2148705046.jpg",
- },
+ title: "Masking", description: "Complex multi-layer masking for intricate graphics.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/hands-with-gloves-disinfecting-surface_23-2148705046.jpg"},
{
- title: "Base Coating",
- description: "Application of professional-grade automotive color bases.",
- href: "#contact",
- imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protection-equipment-front-view_23-2149714352.jpg",
- },
+ title: "Base Coating", description: "Application of professional-grade automotive color bases.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protection-equipment-front-view_23-2149714352.jpg"},
{
- title: "Artistic Detailing",
- description: "Hand-rendered artwork and logo application.",
- href: "#contact",
- imageSrc: "http://img.b2bpic.net/free-photo/women-boxing-beginners-gym-lady-black-sportwear_1157-44432.jpg",
- },
+ title: "Artistic Detailing", description: "Hand-rendered artwork and logo application.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/women-boxing-beginners-gym-lady-black-sportwear_1157-44432.jpg"},
{
- title: "Clear Coating",
- description: "Multi-layer high-solids clear coat for depth and protection.",
- href: "#contact",
- imageSrc: "http://img.b2bpic.net/free-photo/accurate-cleaning-old-christian-icon_1398-3378.jpg",
- },
+ title: "Clear Coating", description: "Multi-layer high-solids clear coat for depth and protection.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/accurate-cleaning-old-christian-icon_1398-3378.jpg"},
{
- title: "Polishing",
- description: "Final finish hand-buffing to a mirror shine.",
- href: "#contact",
- imageSrc: "http://img.b2bpic.net/free-photo/woman-white-pullover-with-motorcycle-helmet_140725-9041.jpg",
- },
+ title: "Polishing", description: "Final finish hand-buffing to a mirror shine.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/woman-white-pullover-with-motorcycle-helmet_140725-9041.jpg"},
]}
/>
@@ -123,25 +84,15 @@ export default function HomePage() {
description="The metrics behind every bespoke commission at KR Colour."
metrics={[
{
- value: "500+",
- description: "Helmets Commissioned",
- },
+ value: "500+", description: "Helmets Commissioned"},
{
- value: "12+",
- description: "Hours of Hand-Polishing",
- },
+ value: "12+", description: "Hours of Hand-Polishing"},
{
- value: "100%",
- description: "Safety Standard Compliance",
- },
+ value: "100%", description: "Safety Standard Compliance"},
{
- value: "15+",
- description: "Years of Expertise",
- },
+ value: "15+", description: "Years of Expertise"},
{
- value: "24/7",
- description: "Dedicated Studio Support",
- },
+ value: "24/7", description: "Dedicated Studio Support"},
]}
/>
@@ -155,40 +106,20 @@ export default function HomePage() {
description="See why professional racers trust KR Colour with their visual identity on the track."
testimonials={[
{
- name: "Mark Evans",
- role: "F1 Driver",
- company: "Racing Team A",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19244.jpg",
- },
+ name: "Mark Evans", role: "F1 Driver", company: "Racing Team A", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19244.jpg"},
{
- name: "Sarah Miller",
- role: "Lead Collector",
- company: "AutoHaus",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/man-with-leather-jacket-with-his-arms-crossed_1368-3054.jpg",
- },
+ name: "Sarah Miller", role: "Lead Collector", company: "AutoHaus", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/man-with-leather-jacket-with-his-arms-crossed_1368-3054.jpg"},
{
- name: "James Chen",
- role: "Creative Director",
- company: "Studio X",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-yellow-jacket-red-shirt_613910-10364.jpg",
- },
+ name: "James Chen", role: "Creative Director", company: "Studio X", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-yellow-jacket-red-shirt_613910-10364.jpg"},
{
- name: "Luis Rodriguez",
- role: "Chief Mechanic",
- company: "Speed Works",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-with-tyre_1170-1152.jpg",
- },
+ name: "Luis Rodriguez", role: "Chief Mechanic", company: "Speed Works", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-with-tyre_1170-1152.jpg"},
{
- name: "Elena Vance",
- role: "Collector",
- company: "Private",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/closeup-biker-putting-his-helmet_1098-19069.jpg",
- },
+ name: "Elena Vance", role: "Collector", company: "Private", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/closeup-biker-putting-his-helmet_1098-19069.jpg"},
]}
/>
@@ -199,15 +130,9 @@ export default function HomePage() {
@@ -217,27 +142,18 @@ export default function HomePage() {
@@ -249,16 +165,12 @@ export default function HomePage() {
tag="Ready to Start?"
text="Get a personalized quote for your custom helmet project."
primaryButton={{
- text: "Contact the Studio",
- href: "mailto:contact@krcolour.com",
- }}
+ text: "Contact the Studio", href: "mailto:contact@krcolour.com"}}
secondaryButton={{
- text: "View Pricing Guide",
- href: "#pricing",
- }}
+ text: "View Pricing Guide", href: "#pricing"}}
/>
>
);
-}
+}
\ No newline at end of file