diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index b7c4447..bb23fc5 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -28,7 +28,7 @@ export default function AboutPage() { borderRadius="rounded" contentWidth="mediumSmall" sizing="largeSmallSizeLargeTitles" - background="blurBottom" + background="circleGradient" cardStyle="solid" primaryButtonStyle="double-inset" secondaryButtonStyle="solid" @@ -40,9 +40,7 @@ export default function AboutPage() { brandName="The M32 Guy" navItems={navItems} button={{ - text: "Call Now", - href: "tel:+441234567890", - }} + text: "Call Now", href: "tel:+441234567890"}} animateOnLoad={true} /> @@ -53,25 +51,19 @@ export default function AboutPage() { title="Meet The M32 Specialist" description="The M32 Guy isn't just a business—it's a passion for excellence, honesty, and fixing the gearbox issues that matter to Vauxhall owners across the UK." tag="Our Story" - tagAnimation="entrance-slide" + tagAnimation="slide-up" bulletPoints={[ { - title: "M32 Expertise", - description: "Years of specialized experience rebuilding M32 gearboxes. We know this transmission inside and out—every quirk, every common failure mode, every solution.", - icon: Award, + title: "M32 Expertise", description: "Years of specialized experience rebuilding M32 gearboxes. We know this transmission inside and out—every quirk, every common failure mode, every solution.", icon: Award, }, { - title: "Honest Approach", - description: "We diagnose issues correctly and tell you the truth. If you don't need an expensive rebuild, we'll say so. Trust is built through honesty, not upselling.", - icon: CheckCircle, + title: "Honest Approach", description: "We diagnose issues correctly and tell you the truth. If you don't need an expensive rebuild, we'll say so. Trust is built through honesty, not upselling.", icon: CheckCircle, }, { - title: "Customer-Focused Mission", - description: "Your satisfaction and trust are our greatest achievements. We work as if your car is our own—with precision, care, and respect for your time and budget.", - icon: Target, + title: "Customer-Focused Mission", description: "Your satisfaction and trust are our greatest achievements. We work as if your car is our own—with precision, care, and respect for your time and budget.", icon: Target, }, ]} - imageSrc="http://img.b2bpic.net/free-photo/repairmen-fix-car-together_482257-102916.jpg?_wi=4" + imageSrc="http://img.b2bpic.net/free-photo/repairmen-fix-car-together_482257-102916.jpg" imageAlt="The M32 Guy Workshop Professional" mediaAnimation="slide-up" textboxLayout="default" @@ -86,25 +78,19 @@ export default function AboutPage() { title="Why Customers Trust The M32 Guy" description="Our reputation is built on expertise, transparency, and consistent delivery of exceptional results. Here's what our customers tell us matters most." tag="Trust & Reputation" - tagAnimation="entrance-slide" + tagAnimation="slide-up" bulletPoints={[ { - title: "Nationwide Reputation", - description: "Customers travel hundreds of miles across the UK because of our proven track record. Word-of-mouth is our best endorsement.", - icon: Award, + title: "Nationwide Reputation", description: "Customers travel hundreds of miles across the UK because of our proven track record. Word-of-mouth is our best endorsement.", icon: Award, }, { - title: "Specialized Knowledge", - description: "This isn't a side service—it's our core expertise. Hundreds of M32 rebuilds completed successfully with consistent, quality results.", - icon: CheckCircle, + title: "Specialized Knowledge", description: "This isn't a side service—it's our core expertise. Hundreds of M32 rebuilds completed successfully with consistent, quality results.", icon: CheckCircle, }, { - title: "Transparent Pricing", - description: "No surprise charges. You get a fixed quote upfront. We're independent, so we pass cost savings directly to you versus dealership markups.", - icon: Target, + title: "Transparent Pricing", description: "No surprise charges. You get a fixed quote upfront. We're independent, so we pass cost savings directly to you versus dealership markups.", icon: Target, }, ]} - imageSrc="http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg" imageAlt="Trusted M32 Specialist" mediaAnimation="slide-up" textboxLayout="default" @@ -119,32 +105,17 @@ export default function AboutPage() { title="What Our Customers Say" description="Real feedback from real customers who have trusted us with their M32 gearbox issues." tag="Customer Stories" - tagAnimation="entrance-slide" + tagAnimation="slide-up" testimonials={[ { - id: "1", - name: "James Mitchell", - role: "Astra Owner", - company: "Manchester", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg?_wi=3", - }, + id: "1", name: "James Mitchell", role: "Astra Owner", company: "Manchester", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg"}, { - id: "2", - name: "Sarah Patel", - role: "Mokka Owner", - company: "Birmingham", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg?_wi=2", - }, + id: "2", name: "Sarah Patel", role: "Mokka Owner", company: "Birmingham", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg"}, { - id: "3", - name: "David Thompson", - role: "Insignia Owner", - company: "Leeds", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=2", - }, + id: "3", name: "David Thompson", role: "Insignia Owner", company: "Leeds", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"}, ]} gridVariant="uniform-all-items-equal" animationType="slide-up" @@ -160,10 +131,10 @@ export default function AboutPage() { title="Connect With The Specialist" description="Whether you have questions about our expertise, need a diagnosis, or want to discuss your M32 gearbox issue in detail—reach out today. We're here to help with honest, expert advice." tagIcon={Phone} - tagAnimation="entrance-slide" + tagAnimation="slide-up" background={{ variant: "canvas-reveal" }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-52.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-52.jpg" imageAlt="Professional Workshop" mediaAnimation="slide-up" mediaPosition="right" @@ -182,19 +153,13 @@ export default function AboutPage() { socialLinks={[ { icon: Phone, - href: "tel:+441234567890", - ariaLabel: "Call us", - }, + href: "tel:+441234567890", ariaLabel: "Call us"}, { icon: Mail, - href: "mailto:info@them32guy.co.uk", - ariaLabel: "Email us", - }, + href: "mailto:info@them32guy.co.uk", ariaLabel: "Email us"}, { icon: MapPin, - href: "#contact", - ariaLabel: "Get directions", - }, + href: "#contact", ariaLabel: "Get directions"}, ]} /> diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 94d6c11..1622107 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -27,7 +27,7 @@ export default function ContactPage() { borderRadius="rounded" contentWidth="mediumSmall" sizing="largeSmallSizeLargeTitles" - background="blurBottom" + background="circleGradient" cardStyle="solid" primaryButtonStyle="double-inset" secondaryButtonStyle="solid" @@ -39,9 +39,7 @@ export default function ContactPage() { brandName="The M32 Guy" navItems={navItems} button={{ - text: "Call Now", - href: "tel:+441234567890", - }} + text: "Call Now", href: "tel:+441234567890"}} animateOnLoad={true} /> @@ -53,10 +51,10 @@ export default function ContactPage() { title="Contact The M32 Expert Today" description="Whether you need a diagnosis, want a quote, or just have questions about your M32 gearbox—reach out to us. We're here to help with honest, expert advice. Response within 1 hour during business hours." tagIcon={Phone} - tagAnimation="entrance-slide" + tagAnimation="slide-up" background={{ variant: "canvas-reveal" }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-52.jpg?_wi=5" + imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-52.jpg" imageAlt="Professional Workshop Ready To Help" mediaAnimation="slide-up" mediaPosition="right" @@ -73,40 +71,20 @@ export default function ContactPage() { title="How To Get Started" description="Simple steps to connect with us and begin your M32 gearbox solution journey." tag="Easy Process" - tagAnimation="entrance-slide" + tagAnimation="slide-up" features={[ { - id: "1", - title: "Call or Email", - author: "Direct Contact", - description: "Call us at +44 (0)1234 567890 or email info@them32guy.co.uk. Tell us about your symptoms and vehicle. We'll give you honest initial guidance immediately.", - tags: ["Quick Response", "Expert Advice"], - imageSrc: "http://img.b2bpic.net/free-photo/young-worried-businessman-talking-with-african-american-auto-mechanic-about-costs-car-reparation-auto-repair-shop_637285-4251.jpg?_wi=2", - }, + id: "1", title: "Call or Email", author: "Direct Contact", description: "Call us at +44 (0)1234 567890 or email info@them32guy.co.uk. Tell us about your symptoms and vehicle. We'll give you honest initial guidance immediately.", tags: ["Quick Response", "Expert Advice"], + imageSrc: "http://img.b2bpic.net/free-photo/young-worried-businessman-talking-with-african-american-auto-mechanic-about-costs-car-reparation-auto-repair-shop_637285-4251.jpg"}, { - id: "2", - title: "Quote & Plan", - author: "Transparent Pricing", - description: "Based on your description or inspection, we provide a detailed, fixed quote with no hidden costs. You approve the work before we begin—no surprises.", - tags: ["Fixed Price", "Approved Work"], - imageSrc: "http://img.b2bpic.net/free-photo/christmas-background-layout-black-background_1303-12755.jpg?_wi=2", - }, + id: "2", title: "Quote & Plan", author: "Transparent Pricing", description: "Based on your description or inspection, we provide a detailed, fixed quote with no hidden costs. You approve the work before we begin—no surprises.", tags: ["Fixed Price", "Approved Work"], + imageSrc: "http://img.b2bpic.net/free-photo/christmas-background-layout-black-background_1303-12755.jpg"}, { - id: "3", - title: "Fast Service", - author: "Quick Turnaround", - description: "We complete most M32 rebuilds within 24 hours. We'll keep you updated throughout. Fast service without cutting corners on quality.", - tags: ["24hr Turnaround", "Quality"], - imageSrc: "http://img.b2bpic.net/free-photo/repairmen-fix-car-together_482257-102916.jpg?_wi=6", - }, + id: "3", title: "Fast Service", author: "Quick Turnaround", description: "We complete most M32 rebuilds within 24 hours. We'll keep you updated throughout. Fast service without cutting corners on quality.", tags: ["24hr Turnaround", "Quality"], + imageSrc: "http://img.b2bpic.net/free-photo/repairmen-fix-car-together_482257-102916.jpg"}, { - id: "4", - title: "Testing & Delivery", - author: "Quality Assured", - description: "Every gearbox is thoroughly tested before you take it. We ensure smooth operation, proper engagement, and peace of mind.", - tags: ["Tested", "Guaranteed"], - imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1643.jpg?_wi=2", - }, + id: "4", title: "Testing & Delivery", author: "Quality Assured", description: "Every gearbox is thoroughly tested before you take it. We ensure smooth operation, proper engagement, and peace of mind.", tags: ["Tested", "Guaranteed"], + imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1643.jpg"}, ]} animationType="slide-up" textboxLayout="default" @@ -122,19 +100,13 @@ export default function ContactPage() { socialLinks={[ { icon: Phone, - href: "tel:+441234567890", - ariaLabel: "Call us", - }, + href: "tel:+441234567890", ariaLabel: "Call us"}, { icon: Mail, - href: "mailto:info@them32guy.co.uk", - ariaLabel: "Email us", - }, + href: "mailto:info@them32guy.co.uk", ariaLabel: "Email us"}, { icon: MapPin, - href: "#contact", - ariaLabel: "Get directions", - }, + href: "#contact", ariaLabel: "Get directions"}, ]} /> diff --git a/src/app/page.tsx b/src/app/page.tsx index d89bc9a..803c5fe 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -30,7 +30,7 @@ export default function HomePage() { borderRadius="rounded" contentWidth="mediumSmall" sizing="largeSmallSizeLargeTitles" - background="blurBottom" + background="circleGradient" cardStyle="solid" primaryButtonStyle="double-inset" secondaryButtonStyle="solid" @@ -42,9 +42,7 @@ export default function HomePage() { brandName="The M32 Guy" navItems={navItems} button={{ - text: "Call Now", - href: "tel:+441234567890", - }} + text: "Call Now", href: "tel:+441234567890"}} animateOnLoad={true} /> @@ -57,7 +55,7 @@ export default function HomePage() { tag="Specialist Service" tagIcon={Wrench} tagAnimation="slide-up" - background={{ variant: "blurBottom" }} + background={{ variant: "plain" }} imageSrc="http://img.b2bpic.net/free-photo/mechanic-checking-car-parts_1170-1338.jpg" imageAlt="M32 Gearbox Specialist Workshop" buttons={[ @@ -75,27 +73,19 @@ export default function HomePage() { title="Common M32 Gearbox Problems We Fix" description="If your Vauxhall is showing these warning signs, it's time for expert diagnosis and repair." tag="Problem Diagnosis" - tagAnimation="entrance-slide" + tagAnimation="slide-up" bulletPoints={[ { - title: "Whining Noise in 5th/6th Gear", - description: "Typical bearing wear causing characteristic high-pitched whining. Usually rebuildable without full replacement.", - icon: AlertCircle, + title: "Whining Noise in 5th/6th Gear", description: "Typical bearing wear causing characteristic high-pitched whining. Usually rebuildable without full replacement.", icon: AlertCircle, }, { - title: "Vibration Under Load", - description: "Internal bearing damage or worn clutch components. Needs immediate attention to prevent further damage.", - icon: AlertTriangle, + title: "Vibration Under Load", description: "Internal bearing damage or worn clutch components. Needs immediate attention to prevent further damage.", icon: AlertTriangle, }, { - title: "Difficult Gear Selection", - description: "Synchro wear or linkage issues making gear changes rough. Often combined with noise issues.", - icon: Zap, + title: "Difficult Gear Selection", description: "Synchro wear or linkage issues making gear changes rough. Often combined with noise issues.", icon: Zap, }, { - title: "Expensive Dealership Quotes", - description: "Getting quotes over £2,500 for replacement? We rebuild M32s for significantly less without compromising quality.", - }, + title: "Expensive Dealership Quotes", description: "Getting quotes over £2,500 for replacement? We rebuild M32s for significantly less without compromising quality."}, ]} imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-machine-with-racks-pinions-factory_181624-60017.jpg" imageAlt="M32 Gearbox Components" @@ -112,40 +102,20 @@ export default function HomePage() { title="Our Services" description="Complete M32 gearbox solutions tailored to your needs and budget." tag="What We Offer" - tagAnimation="entrance-slide" + tagAnimation="slide-up" features={[ { - id: "1", - title: "M32 Gearbox Rebuilds", - author: "Full Service Option", - description: "Complete rebuild with new bearings, synchros, and upgraded components. We inspect every part and only replace what's needed. Most jobs completed in 2-3 days.", - tags: ["Popular", "Cost-Effective"], - imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11837.jpg?_wi=1", - }, + id: "1", title: "M32 Gearbox Rebuilds", author: "Full Service Option", description: "Complete rebuild with new bearings, synchros, and upgraded components. We inspect every part and only replace what's needed. Most jobs completed in 2-3 days.", tags: ["Popular", "Cost-Effective"], + imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11837.jpg"}, { - id: "2", - title: "M32 Gearbox Upgrades", - author: "Performance Enhancement", - description: "Transform your M32 with upgraded internals for smoother gear changes, improved durability, and better performance. Perfect for enthusiasts and heavy-use vehicles.", - tags: ["Performance", "Reliability"], - imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-gear_1170-1422.jpg?_wi=1", - }, + id: "2", title: "M32 Gearbox Upgrades", author: "Performance Enhancement", description: "Transform your M32 with upgraded internals for smoother gear changes, improved durability, and better performance. Perfect for enthusiasts and heavy-use vehicles.", tags: ["Performance", "Reliability"], + imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-gear_1170-1422.jpg"}, { - id: "3", - title: "Gearbox Replacement", - author: "When Rebuild Isn't Option", - description: "Sometimes a complete replacement is the best solution. We source quality replacement M32s and handle full installation with testing.", - tags: ["Warranty", "Quality"], - imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-holding-spare-parts-car_1170-1615.jpg?_wi=1", - }, + id: "3", title: "Gearbox Replacement", author: "When Rebuild Isn't Option", description: "Sometimes a complete replacement is the best solution. We source quality replacement M32s and handle full installation with testing.", tags: ["Warranty", "Quality"], + imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-holding-spare-parts-car_1170-1615.jpg"}, { - id: "4", - title: "Clutch & Flywheel Service", - author: "Complementary Service", - description: "While we've got your gearbox out, we service your clutch and flywheel. Often done together for best results and value.", - tags: ["Efficiency", "Value"], - imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-bevel-gear_1170-1420.jpg?_wi=1", - }, + id: "4", title: "Clutch & Flywheel Service", author: "Complementary Service", description: "While we've got your gearbox out, we service your clutch and flywheel. Often done together for best results and value.", tags: ["Efficiency", "Value"], + imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-bevel-gear_1170-1420.jpg"}, ]} animationType="slide-up" textboxLayout="default" @@ -159,35 +129,25 @@ export default function HomePage() { title="Why Choose The M32 Guy?" description="Here's what sets us apart from dealerships and generic garages." tag="Our Expertise" - tagAnimation="entrance-slide" + tagAnimation="slide-up" bulletPoints={[ { - title: "M32 Specialist", - description: "We've rebuilt hundreds of M32s. This isn't our side job—it's our expertise. We know every quirk and solution.", - icon: CheckCircle, + title: "M32 Specialist", description: "We've rebuilt hundreds of M32s. This isn't our side job—it's our expertise. We know every quirk and solution.", icon: CheckCircle, }, { - title: "Honest Advice First", - description: "We diagnose your issue properly. If you don't need a full rebuild, we'll tell you. Trust is earned, not sold.", - icon: Award, + title: "Honest Advice First", description: "We diagnose your issue properly. If you don't need a full rebuild, we'll tell you. Trust is earned, not sold.", icon: Award, }, { - title: "Fast Turnaround", - description: "Most jobs completed same day or within 24 hours. We know you need your car back on the road quickly.", - icon: Zap, + title: "Fast Turnaround", description: "Most jobs completed same day or within 24 hours. We know you need your car back on the road quickly.", icon: Zap, }, { - title: "Competitive Pricing", - description: "Significantly cheaper than dealership quotes while maintaining higher quality standards. We're independent, so we pass savings to you.", - icon: DollarSign, + title: "Competitive Pricing", description: "Significantly cheaper than dealership quotes while maintaining higher quality standards. We're independent, so we pass savings to you.", icon: DollarSign, }, { - title: "Nationwide Reputation", - description: "Customers travel from across the UK because of our reputation. Word-of-mouth is our best marketing—that's trust.", - icon: MapPin, + title: "Nationwide Reputation", description: "Customers travel from across the UK because of our reputation. Word-of-mouth is our best marketing—that's trust.", icon: MapPin, }, ]} - imageSrc="http://img.b2bpic.net/free-photo/repairmen-fix-car-together_482257-102916.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/repairmen-fix-car-together_482257-102916.jpg" imageAlt="Professional Workshop Setting" mediaAnimation="slide-up" textboxLayout="default" @@ -202,56 +162,26 @@ export default function HomePage() { title="What Customers Say" description="Real feedback from real customers who trusted us with their M32 gearbox." tag="Customer Reviews" - tagAnimation="entrance-slide" + tagAnimation="slide-up" testimonials={[ { - id: "1", - name: "James Mitchell", - role: "Astra Owner", - company: "Manchester", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg?_wi=1", - }, + id: "1", name: "James Mitchell", role: "Astra Owner", company: "Manchester", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg"}, { - id: "2", - name: "Sarah Patel", - role: "Mokka Owner", - company: "Birmingham", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg?_wi=1", - }, + id: "2", name: "Sarah Patel", role: "Mokka Owner", company: "Birmingham", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg"}, { - id: "3", - name: "David Thompson", - role: "Insignia Owner", - company: "Leeds", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=1", - }, + id: "3", name: "David Thompson", role: "Insignia Owner", company: "Leeds", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"}, { - id: "4", - name: "Emma Richards", - role: "Astra GTC Owner", - company: "London", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg?_wi=1", - }, + id: "4", name: "Emma Richards", role: "Astra GTC Owner", company: "London", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"}, { - id: "5", - name: "Michael Chen", - role: "Mechanic Referral", - company: "Essex", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-car-service-owner-with-arms-crossed-his-workshop_637285-9434.jpg?_wi=1", - }, + id: "5", name: "Michael Chen", role: "Mechanic Referral", company: "Essex", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-car-service-owner-with-arms-crossed-his-workshop_637285-9434.jpg"}, { - id: "6", - name: "Lisa Anderson", - role: "Long-Distance Customer", - company: "Scotland", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg?_wi=1", - }, + id: "6", name: "Lisa Anderson", role: "Long-Distance Customer", company: "Scotland", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg"}, ]} gridVariant="uniform-all-items-equal" animationType="slide-up" @@ -266,40 +196,20 @@ export default function HomePage() { title="How The Process Works" description="Simple, transparent steps from diagnosis to delivery. No surprises, no hidden fees." tag="Our Process" - tagAnimation="entrance-slide" + tagAnimation="slide-up" features={[ { - id: "1", - title: "Contact & Diagnosis", - author: "Step 1", - description: "Call us with your symptoms and vehicle details. We'll give you honest initial guidance. If needed, arrange an inspection to confirm the issue.", - tags: ["No Obligation", "Free Assessment"], - imageSrc: "http://img.b2bpic.net/free-photo/young-worried-businessman-talking-with-african-american-auto-mechanic-about-costs-car-reparation-auto-repair-shop_637285-4251.jpg?_wi=1", - }, + id: "1", title: "Contact & Diagnosis", author: "Step 1", description: "Call us with your symptoms and vehicle details. We'll give you honest initial guidance. If needed, arrange an inspection to confirm the issue.", tags: ["No Obligation", "Free Assessment"], + imageSrc: "http://img.b2bpic.net/free-photo/young-worried-businessman-talking-with-african-american-auto-mechanic-about-costs-car-reparation-auto-repair-shop_637285-4251.jpg"}, { - id: "2", - title: "Quote & Plan", - author: "Step 2", - description: "Based on diagnosis, we provide a detailed, fixed quote with no hidden costs. You approve the work before we begin. No surprises.", - tags: ["Transparent", "Fixed Price"], - imageSrc: "http://img.b2bpic.net/free-photo/christmas-background-layout-black-background_1303-12755.jpg?_wi=1", - }, + id: "2", title: "Quote & Plan", author: "Step 2", description: "Based on diagnosis, we provide a detailed, fixed quote with no hidden costs. You approve the work before we begin. No surprises.", tags: ["Transparent", "Fixed Price"], + imageSrc: "http://img.b2bpic.net/free-photo/christmas-background-layout-black-background_1303-12755.jpg"}, { - id: "3", - title: "Fast Service", - author: "Step 3", - description: "Most M32 rebuilds completed within 24 hours. We keep you updated throughout the process. We work efficiently without cutting corners.", - tags: ["Quick Turnaround", "Communication"], - imageSrc: "http://img.b2bpic.net/free-photo/repairmen-fix-car-together_482257-102916.jpg?_wi=2", - }, + id: "3", title: "Fast Service", author: "Step 3", description: "Most M32 rebuilds completed within 24 hours. We keep you updated throughout the process. We work efficiently without cutting corners.", tags: ["Quick Turnaround", "Communication"], + imageSrc: "http://img.b2bpic.net/free-photo/repairmen-fix-car-together_482257-102916.jpg"}, { - id: "4", - title: "Testing & Delivery", - author: "Step 4", - description: "Every gearbox is thoroughly tested before you take it. We ensure smooth operation, proper engagement, and no noise issues.", - tags: ["Quality Assurance", "Peace of Mind"], - imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1643.jpg?_wi=1", - }, + id: "4", title: "Testing & Delivery", author: "Step 4", description: "Every gearbox is thoroughly tested before you take it. We ensure smooth operation, proper engagement, and no noise issues.", tags: ["Quality Assurance", "Peace of Mind"], + imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1643.jpg"}, ]} animationType="slide-up" textboxLayout="default" @@ -314,10 +224,10 @@ export default function HomePage() { title="Get Your M32 Fixed By The Expert" description="Don't let gearbox problems ruin your driving experience. Contact us today for honest advice and a transparent quote. Most jobs completed within 24 hours." tagIcon={Phone} - tagAnimation="entrance-slide" + tagAnimation="slide-up" background={{ variant: "canvas-reveal" }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-52.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-52.jpg" imageAlt="Professional Workshop Ready for Service" mediaAnimation="slide-up" mediaPosition="right" @@ -336,19 +246,13 @@ export default function HomePage() { socialLinks={[ { icon: Phone, - href: "tel:+441234567890", - ariaLabel: "Call us", - }, + href: "tel:+441234567890", ariaLabel: "Call us"}, { icon: Mail, - href: "mailto:info@them32guy.co.uk", - ariaLabel: "Email us", - }, + href: "mailto:info@them32guy.co.uk", ariaLabel: "Email us"}, { icon: MapPin, - href: "#contact", - ariaLabel: "Get directions", - }, + href: "#contact", ariaLabel: "Get directions"}, ]} /> diff --git a/src/app/reviews/page.tsx b/src/app/reviews/page.tsx index c60d351..e6d86bc 100644 --- a/src/app/reviews/page.tsx +++ b/src/app/reviews/page.tsx @@ -28,7 +28,7 @@ export default function ReviewsPage() { borderRadius="rounded" contentWidth="mediumSmall" sizing="largeSmallSizeLargeTitles" - background="blurBottom" + background="circleGradient" cardStyle="solid" primaryButtonStyle="double-inset" secondaryButtonStyle="solid" @@ -40,9 +40,7 @@ export default function ReviewsPage() { brandName="The M32 Guy" navItems={navItems} button={{ - text: "Call Now", - href: "tel:+441234567890", - }} + text: "Call Now", href: "tel:+441234567890"}} animateOnLoad={true} /> @@ -53,56 +51,26 @@ export default function ReviewsPage() { title="What Our Customers Say" description="Real feedback from real customers who trusted us with their M32 gearbox and experienced our specialist service." tag="Customer Reviews" - tagAnimation="entrance-slide" + tagAnimation="slide-up" testimonials={[ { - id: "1", - name: "James Mitchell", - role: "Astra Owner", - company: "Manchester", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg?_wi=4", - }, + id: "1", name: "James Mitchell", role: "Astra Owner", company: "Manchester", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg"}, { - id: "2", - name: "Sarah Patel", - role: "Mokka Owner", - company: "Birmingham", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg?_wi=3", - }, + id: "2", name: "Sarah Patel", role: "Mokka Owner", company: "Birmingham", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg"}, { - id: "3", - name: "David Thompson", - role: "Insignia Owner", - company: "Leeds", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=3", - }, + id: "3", name: "David Thompson", role: "Insignia Owner", company: "Leeds", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"}, { - id: "4", - name: "Emma Richards", - role: "Astra GTC Owner", - company: "London", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg?_wi=2", - }, + id: "4", name: "Emma Richards", role: "Astra GTC Owner", company: "London", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"}, { - id: "5", - name: "Michael Chen", - role: "Mechanic Referral", - company: "Essex", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-car-service-owner-with-arms-crossed-his-workshop_637285-9434.jpg?_wi=2", - }, + id: "5", name: "Michael Chen", role: "Mechanic Referral", company: "Essex", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-car-service-owner-with-arms-crossed-his-workshop_637285-9434.jpg"}, { - id: "6", - name: "Lisa Anderson", - role: "Long-Distance Customer", - company: "Scotland", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg?_wi=2", - }, + id: "6", name: "Lisa Anderson", role: "Long-Distance Customer", company: "Scotland", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg"}, ]} gridVariant="uniform-all-items-equal" animationType="slide-up" @@ -117,25 +85,19 @@ export default function ReviewsPage() { title="What Customers Appreciate Most" description="Our five-star reviews consistently highlight these three core strengths that set The M32 Guy apart." tag="Customer Insights" - tagAnimation="entrance-slide" + tagAnimation="slide-up" bulletPoints={[ { - title: "Exceptional Expertise", - description: "Customers consistently praise our deep M32 knowledge. We solve problems that other garages can't, because we specialize exclusively in this transmission.", - icon: Award, + title: "Exceptional Expertise", description: "Customers consistently praise our deep M32 knowledge. We solve problems that other garages can't, because we specialize exclusively in this transmission.", icon: Award, }, { - title: "Transparent Communication", - description: "Reviews highlight how we explain issues clearly, provide honest recommendations, and never oversell unnecessary work. Trust through transparency.", - icon: Star, + title: "Transparent Communication", description: "Reviews highlight how we explain issues clearly, provide honest recommendations, and never oversell unnecessary work. Trust through transparency.", icon: Star, }, { - title: "Speed & Reliability", - description: "Customers travel long distances for fast turnaround and reliable results. Most jobs completed within 24 hours without compromising quality.", - icon: LocationIcon, + title: "Speed & Reliability", description: "Customers travel long distances for fast turnaround and reliable results. Most jobs completed within 24 hours without compromising quality.", icon: LocationIcon, }, ]} - imageSrc="http://img.b2bpic.net/free-photo/repairmen-fix-car-together_482257-102916.jpg?_wi=5" + imageSrc="http://img.b2bpic.net/free-photo/repairmen-fix-car-together_482257-102916.jpg" imageAlt="Expert Workshop Quality" mediaAnimation="slide-up" textboxLayout="default" @@ -151,10 +113,10 @@ export default function ReviewsPage() { title="Experience The Difference" description="Read our reviews and see why customers across the UK trust The M32 Guy. Get your own expert M32 gearbox service today with our proven track record of excellence." tagIcon={Star} - tagAnimation="entrance-slide" + tagAnimation="slide-up" background={{ variant: "canvas-reveal" }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-52.jpg?_wi=4" + imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-52.jpg" imageAlt="Professional M32 Workshop Service" mediaAnimation="slide-up" mediaPosition="left" @@ -173,19 +135,13 @@ export default function ReviewsPage() { socialLinks={[ { icon: Phone, - href: "tel:+441234567890", - ariaLabel: "Call us", - }, + href: "tel:+441234567890", ariaLabel: "Call us"}, { icon: Mail, - href: "mailto:info@them32guy.co.uk", - ariaLabel: "Email us", - }, + href: "mailto:info@them32guy.co.uk", ariaLabel: "Email us"}, { icon: MapPin, - href: "#contact", - ariaLabel: "Get directions", - }, + href: "#contact", ariaLabel: "Get directions"}, ]} /> diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index ec8c7b7..65963b6 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -28,7 +28,7 @@ export default function ServicesPage() { borderRadius="rounded" contentWidth="mediumSmall" sizing="largeSmallSizeLargeTitles" - background="blurBottom" + background="circleGradient" cardStyle="solid" primaryButtonStyle="double-inset" secondaryButtonStyle="solid" @@ -40,9 +40,7 @@ export default function ServicesPage() { brandName="The M32 Guy" navItems={navItems} button={{ - text: "Call Now", - href: "tel:+441234567890", - }} + text: "Call Now", href: "tel:+441234567890"}} animateOnLoad={true} /> @@ -53,40 +51,20 @@ export default function ServicesPage() { title="Our Complete M32 Service Offering" description="We provide comprehensive gearbox solutions tailored to every budget and requirement. From diagnosis to delivery, we ensure quality and transparency at every step." tag="Detailed Services" - tagAnimation="entrance-slide" + tagAnimation="slide-up" features={[ { - id: "1", - title: "M32 Gearbox Rebuilds", - author: "Full Service Option", - description: "Complete rebuild with new bearings, synchros, and upgraded components. We inspect every part and only replace what's needed. Most jobs completed in 2-3 days. Includes 12-month warranty on rebuilt components.", - tags: ["Popular", "Warranty"], - imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11837.jpg?_wi=2", - }, + id: "1", title: "M32 Gearbox Rebuilds", author: "Full Service Option", description: "Complete rebuild with new bearings, synchros, and upgraded components. We inspect every part and only replace what's needed. Most jobs completed in 2-3 days. Includes 12-month warranty on rebuilt components.", tags: ["Popular", "Warranty"], + imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11837.jpg"}, { - id: "2", - title: "M32 Gearbox Upgrades", - author: "Performance Enhancement", - description: "Transform your M32 with upgraded internals for smoother gear changes, improved durability, and better performance. Perfect for enthusiasts and heavy-use vehicles. Includes performance testing.", - tags: ["Performance", "Testing"], - imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-gear_1170-1422.jpg?_wi=2", - }, + id: "2", title: "M32 Gearbox Upgrades", author: "Performance Enhancement", description: "Transform your M32 with upgraded internals for smoother gear changes, improved durability, and better performance. Perfect for enthusiasts and heavy-use vehicles. Includes performance testing.", tags: ["Performance", "Testing"], + imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-gear_1170-1422.jpg"}, { - id: "3", - title: "Complete Gearbox Replacement", - author: "Premium Solution", - description: "Sometimes a complete replacement is the best solution. We source quality replacement M32s and handle full installation with comprehensive testing and warranty coverage.", - tags: ["Warranty", "Quality"], - imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-holding-spare-parts-car_1170-1615.jpg?_wi=2", - }, + id: "3", title: "Complete Gearbox Replacement", author: "Premium Solution", description: "Sometimes a complete replacement is the best solution. We source quality replacement M32s and handle full installation with comprehensive testing and warranty coverage.", tags: ["Warranty", "Quality"], + imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-holding-spare-parts-car_1170-1615.jpg"}, { - id: "4", - title: "Clutch & Flywheel Service", - author: "Complementary Service", - description: "While we've got your gearbox out, we service your clutch and flywheel. Often done together for best results and value. Prevents future transmission issues.", - tags: ["Bundle", "Value"], - imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-bevel-gear_1170-1420.jpg?_wi=2", - }, + id: "4", title: "Clutch & Flywheel Service", author: "Complementary Service", description: "While we've got your gearbox out, we service your clutch and flywheel. Often done together for best results and value. Prevents future transmission issues.", tags: ["Bundle", "Value"], + imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-bevel-gear_1170-1420.jpg"}, ]} animationType="slide-up" textboxLayout="default" @@ -100,25 +78,19 @@ export default function ServicesPage() { title="Our Service Guarantees" description="When you choose The M32 Guy, you're choosing certainty and reliability backed by our expertise and commitment." tag="Quality Assurance" - tagAnimation="entrance-slide" + tagAnimation="slide-up" bulletPoints={[ { - title: "Quality Testing", - description: "Every gearbox undergoes rigorous testing on our specialized test bench. Zero tolerance for issues.", - icon: CheckCircle, + title: "Quality Testing", description: "Every gearbox undergoes rigorous testing on our specialized test bench. Zero tolerance for issues.", icon: CheckCircle, }, { - title: "Fast Turnaround", - description: "Most rebuilds completed within 24 hours. We respect your time and know you need your vehicle functional.", - icon: Zap, + title: "Fast Turnaround", description: "Most rebuilds completed within 24 hours. We respect your time and know you need your vehicle functional.", icon: Zap, }, { - title: "Expert Diagnosis", - description: "Our specialist technicians identify root causes, not just symptoms. Comprehensive analysis included with every quote.", - icon: Award, + title: "Expert Diagnosis", description: "Our specialist technicians identify root causes, not just symptoms. Comprehensive analysis included with every quote.", icon: Award, }, ]} - imageSrc="http://img.b2bpic.net/free-photo/repairmen-fix-car-together_482257-102916.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/repairmen-fix-car-together_482257-102916.jpg" imageAlt="Professional Workshop Quality Assurance" mediaAnimation="slide-up" textboxLayout="default" @@ -134,10 +106,10 @@ export default function ServicesPage() { title="Get A Detailed Quote For Your M32" description="Tell us about your gearbox symptoms and vehicle details. We'll provide a transparent, detailed quote with no hidden costs. Services typically complete within 24 hours." tagIcon={Phone} - tagAnimation="entrance-slide" + tagAnimation="slide-up" background={{ variant: "canvas-reveal" }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-52.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-52.jpg" imageAlt="Professional Workshop Service" mediaAnimation="slide-up" mediaPosition="left" @@ -156,19 +128,13 @@ export default function ServicesPage() { socialLinks={[ { icon: Phone, - href: "tel:+441234567890", - ariaLabel: "Call us", - }, + href: "tel:+441234567890", ariaLabel: "Call us"}, { icon: Mail, - href: "mailto:info@them32guy.co.uk", - ariaLabel: "Email us", - }, + href: "mailto:info@them32guy.co.uk", ariaLabel: "Email us"}, { icon: MapPin, - href: "#contact", - ariaLabel: "Get directions", - }, + href: "#contact", ariaLabel: "Get directions"}, ]} />