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