Update src/app/page.tsx
This commit is contained in:
139
src/app/page.tsx
139
src/app/page.tsx
@@ -10,7 +10,7 @@ import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|||||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||||
import { Award, Users, Heart, Globe, Zap, Handshake, Smile, Briefcase, Hand, Lightbulb } from 'lucide-react';
|
import { Wrench, Users, Shield, Zap, Award, Heart, Globe, Briefcase, Hand, Lightbulb } from 'lucide-react';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -28,42 +28,41 @@ export default function LandingPage() {
|
|||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
brandName="Kappa Sigma"
|
brandName="Masters Touch Automobile"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "home" },
|
{ name: "Home", id: "home" },
|
||||||
|
{ name: "Services", id: "features" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "about" },
|
||||||
{ name: "Events", id: "events" },
|
{ name: "Contact", id: "recruitment" }
|
||||||
{ name: "Recruitment", id: "recruitment" },
|
|
||||||
{ name: "Contact", id: "contact" }
|
|
||||||
]}
|
]}
|
||||||
bottomLeftText="Rolla, Missouri"
|
bottomLeftText="Foristell, Missouri"
|
||||||
bottomRightText="rushkappasgma@gmail.com"
|
bottomRightText="(573) 555-AUTO"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
title="Kappa Sigma at Missouri S&T"
|
title="Masters Touch Automobile"
|
||||||
description="Building leaders, fostering brotherhood, and creating lifelong bonds through excellence, service, and community. Join a tradition of distinction since 1908."
|
description="Your trusted partner for professional auto repair and maintenance services. With expertise, integrity, and a commitment to excellence, we keep your vehicle running smoothly."
|
||||||
tag="Brotherhood & Leadership"
|
tag="Expert Auto Repair & Service"
|
||||||
tagIcon={Users}
|
tagIcon={Wrench}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
background={{ variant: "glowing-orb" }}
|
background={{ variant: "glowing-orb" }}
|
||||||
leftCarouselItems={[
|
leftCarouselItems={[
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/festive-friends-home-party_23-2147651788.jpg", imageAlt: "Fraternity celebration event" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tablet-examining-car-engine_1163-5165.jpg", imageAlt: "Professional mechanic working on vehicle" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-talking-each-other_53876-20913.jpg", imageAlt: "Professional networking event" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-in-auto-repair-shop-fixing-car_1139-277.jpg", imageAlt: "Auto repair service" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/teenagers-laughing-sharing-jokes_1139-276.jpg?_wi=1", imageAlt: "Kappa Sigma brotherhood" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-tire-pressure-vehicle_1262-15297.jpg", imageAlt: "Vehicle maintenance" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/teenagers-laughing-sharing-jokes_1139-276.jpg?_wi=2", imageAlt: "Chapter gathering" }
|
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-under-vehicle-lift_1139-278.jpg", imageAlt: "Professional repair work" }
|
||||||
]}
|
]}
|
||||||
rightCarouselItems={[
|
rightCarouselItems={[
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/teenagers-laughing-sharing-jokes_1139-276.jpg?_wi=3", imageAlt: "Social community event" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/automotive-workshop-interior_1139-279.jpg", imageAlt: "Modern repair facility" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/detailed-view-charity-workers-helping-homeless-refugees-needy-people-by-distributing-free-food-friendly-volunteers-serving-meals-offering-support-sharing-non-perishable-items_482257-70276.jpg", imageAlt: "Community service initiative" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/diagnostic-scan-automotive-equipment_1262-15298.jpg", imageAlt: "Advanced diagnostics" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fighting-hunger-poverty-together_482257-84897.jpg?_wi=1", imageAlt: "Service and leadership" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/certified-technician-performing-maintenance_1139-280.jpg", imageAlt: "Certified technician" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/three-happy-fellow-students-studying-looking-camera_1262-15296.jpg?_wi=1", imageAlt: "Brotherhood experience" }
|
{ imageSrc: "http://img.b2bpic.net/free-photo/customer-service-automotive-center_1262-15299.jpg", imageAlt: "Customer satisfaction" }
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Learn About Recruitment", href: "#recruitment" },
|
{ text: "Schedule Service", href: "#recruitment" },
|
||||||
{ text: "Explore Our Events", href: "#events" }
|
{ text: "Learn More", href: "#features" }
|
||||||
]}
|
]}
|
||||||
carouselPosition="right"
|
carouselPosition="right"
|
||||||
/>
|
/>
|
||||||
@@ -71,12 +70,12 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<AboutMetric
|
<AboutMetric
|
||||||
title="Kappa Sigma: A Legacy of Excellence and Impact"
|
title="Masters Touch Automobile: Reliable Service You Can Trust"
|
||||||
metrics={[
|
metrics={[
|
||||||
{ icon: Award, label: "Founded", value: "1869" },
|
{ icon: Award, label: "Years in Business", value: "15+" },
|
||||||
{ icon: Users, label: "Active Members", value: "150+" },
|
{ icon: Users, label: "Satisfied Customers", value: "5,000+" },
|
||||||
{ icon: Heart, label: "Service Hours", value: "2,500+" },
|
{ icon: Shield, label: "Service Guarantee", value: "100%" },
|
||||||
{ icon: Globe, label: "Chapters Worldwide", value: "150+" }
|
{ icon: Zap, label: "Quick Turnaround", value: "24-48hrs" }
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
@@ -85,33 +84,33 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardTen
|
<FeatureCardTen
|
||||||
title="What Makes Our Brotherhood Strong"
|
title="Comprehensive Auto Services"
|
||||||
description="Kappa Sigma at Missouri S&T is built on principles of honor, leadership, and lifelong friendship. Discover the core pillars of our chapter."
|
description="From routine maintenance to complex repairs, we offer a full range of automotive services to keep your vehicle in top condition."
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "1", title: "Brotherhood & Camaraderie", description: "We build lasting friendships through shared experiences, mutual support, and genuine connections that extend far beyond college.", media: { imageSrc: "http://img.b2bpic.net/free-photo/three-happy-fellow-students-studying-looking-camera_1262-15296.jpg?_wi=2", imageAlt: "College friends brotherhood team" },
|
id: "1", title: "Routine Maintenance", description: "Keep your vehicle running smoothly with our comprehensive maintenance programs including oil changes, filter replacements, fluid checks, and inspections.", media: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-performing-oil-change_1262-15300.jpg", imageAlt: "Oil change and maintenance service" },
|
||||||
items: [
|
items: [
|
||||||
{ icon: Heart, text: "Deep meaningful bonds" },
|
{ icon: Wrench, text: "Oil & filter changes" },
|
||||||
{ icon: Handshake, text: "Mutual support network" },
|
{ icon: Shield, text: "Fluid inspections" },
|
||||||
{ icon: Smile, text: "Lifelong friendships" }
|
{ icon: Zap, text: "Battery service" }
|
||||||
],
|
],
|
||||||
reverse: false
|
reverse: false
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2", title: "Leadership Development", description: "Our members develop crucial leadership skills through chapter roles, mentorship programs, and real-world professional experiences.", media: { imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-ceo-giving-presentation-his-team-office-asks-one-his-colleagues-opinion_637285-985.jpg?_wi=1", imageAlt: "Leadership mentoring development professional" },
|
id: "2", title: "Brake & Suspension", description: "Expert diagnosis and repair of brake systems and suspension components to ensure your safety and smooth ride quality.", media: { imageSrc: "http://img.b2bpic.net/free-photo/brake-pad-inspection-service_1262-15301.jpg", imageAlt: "Brake service and inspection" },
|
||||||
items: [
|
items: [
|
||||||
{ icon: Zap, text: "Leadership training" },
|
{ icon: Shield, text: "Brake pad replacement" },
|
||||||
{ icon: Users, text: "Mentorship programs" },
|
{ icon: Wrench, text: "Suspension repair" },
|
||||||
{ icon: Briefcase, text: "Professional growth" }
|
{ icon: Heart, text: "Safety inspection" }
|
||||||
],
|
],
|
||||||
reverse: true
|
reverse: true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3", title: "Community Service & Impact", description: "We are committed to making a positive difference in Rolla and beyond through volunteer initiatives and charitable partnerships.", media: { imageSrc: "http://img.b2bpic.net/free-photo/fighting-hunger-poverty-together_482257-84897.jpg?_wi=2", imageAlt: "Volunteering community service impact" },
|
id: "3", title: "Engine & Transmission", description: "Advanced diagnostic and repair services for engine and transmission issues using state-of-the-art equipment.", media: { imageSrc: "http://img.b2bpic.net/free-photo/engine-diagnostic-scan_1262-15302.jpg", imageAlt: "Engine diagnostics" },
|
||||||
items: [
|
items: [
|
||||||
{ icon: Hand, text: "Community involvement" },
|
{ icon: Zap, text: "Engine diagnostics" },
|
||||||
{ icon: Heart, text: "Charitable causes" },
|
{ icon: Wrench, text: "Transmission repair" },
|
||||||
{ icon: Lightbulb, text: "Social impact" }
|
{ icon: Lightbulb, text: "Performance tuning" }
|
||||||
],
|
],
|
||||||
reverse: false
|
reverse: false
|
||||||
}
|
}
|
||||||
@@ -124,12 +123,12 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
<div id="metrics" data-section="metrics">
|
||||||
<MetricCardEleven
|
<MetricCardEleven
|
||||||
title="Chapter Impact & Achievements"
|
title="Why Choose Masters Touch Automobile"
|
||||||
description="Measurable success stories demonstrating our commitment to excellence and community impact."
|
description="We pride ourselves on delivering exceptional service quality and customer satisfaction."
|
||||||
metrics={[
|
metrics={[
|
||||||
{ id: "1", value: "95%", title: "Member Retention", description: "High satisfaction and engagement rates", imageSrc: "http://img.b2bpic.net/free-photo/teenagers-laughing-sharing-jokes_1139-276.jpg?_wi=4", imageAlt: "Kappa Sigma brotherhood" },
|
{ id: "1", value: "98%", title: "Customer Satisfaction", description: "Consistently high ratings from our valued customers", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-auto-shop_1262-15303.jpg", imageAlt: "Happy customer" },
|
||||||
{ id: "2", value: "3.5+", title: "Average GPA", description: "Academic excellence across the chapter", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-ceo-giving-presentation-his-team-office-asks-one-his-colleagues-opinion_637285-985.jpg?_wi=2", imageAlt: "Leadership mentoring development professional" },
|
{ id: "2", value: "25+", title: "Certified Technicians", description: "Experienced professionals trained on all vehicle types", imageSrc: "http://img.b2bpic.net/free-photo/certified-mechanic-team_1262-15304.jpg", imageAlt: "Certified technician team" },
|
||||||
{ id: "3", value: "$50K+", title: "Annual Philanthropy", description: "Funds raised for charitable organizations", imageSrc: "http://img.b2bpic.net/free-photo/fighting-hunger-poverty-together_482257-84897.jpg?_wi=3", imageAlt: "Volunteering community service impact" }
|
{ id: "3", value: "$0", title: "Diagnostic Fee Waived", description: "Free initial inspection with service appointment", imageSrc: "http://img.b2bpic.net/free-photo/transparent-pricing-estimate_1262-15305.jpg", imageAlt: "Free estimate" }
|
||||||
]}
|
]}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
@@ -139,13 +138,13 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="team" data-section="team">
|
<div id="team" data-section="team">
|
||||||
<TeamCardOne
|
<TeamCardOne
|
||||||
title="Meet Our Leadership"
|
title="Meet Our Expert Team"
|
||||||
description="Our dedicated officers are committed to fostering brotherhood and advancing the mission of Kappa Sigma."
|
description="Our certified technicians bring years of experience and dedication to every job."
|
||||||
members={[
|
members={[
|
||||||
{ id: "1", name: "President", role: "Chapter Leadership", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-student-looking-camera-sitting-cafe-table_1163-5164.jpg?_wi=1", imageAlt: "professional portrait college student" },
|
{ id: "1", name: "Mike Johnson", role: "Owner & Master Technician", imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-portrait_1163-5164.jpg?_wi=1", imageAlt: "Owner and master technician" },
|
||||||
{ id: "2", name: "Vice President", role: "Chapter Leadership", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-student-looking-camera-sitting-cafe-table_1163-5164.jpg?_wi=2", imageAlt: "professional portrait college student" },
|
{ id: "2", name: "David Chen", role: "Senior Technician", imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-portrait_1163-5164.jpg?_wi=2", imageAlt: "Senior technician" },
|
||||||
{ id: "3", name: "Secretary", role: "Chapter Leadership", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-student-looking-camera-sitting-cafe-table_1163-5164.jpg?_wi=3", imageAlt: "professional portrait college student" },
|
{ id: "3", name: "Sarah Martinez", role: "Service Manager", imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-portrait_1163-5164.jpg?_wi=3", imageAlt: "Service manager" },
|
||||||
{ id: "4", name: "Treasurer", role: "Chapter Leadership", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-student-looking-camera-sitting-cafe-table_1163-5164.jpg?_wi=4", imageAlt: "professional portrait college student" }
|
{ id: "4", name: "Tom Wilson", role: "Diagnostics Specialist", imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-portrait_1163-5164.jpg?_wi=4", imageAlt: "Diagnostics specialist" }
|
||||||
]}
|
]}
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
@@ -156,18 +155,18 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardSixteen
|
<TestimonialCardSixteen
|
||||||
title="Member Stories & Experiences"
|
title="Customer Reviews & Testimonials"
|
||||||
description="Hear from our brothers about the transformative impact of Kappa Sigma membership."
|
description="See what our satisfied customers have to say about our services and expertise."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{ id: "1", name: "Alex Johnson", role: "Senior", company: "Engineering", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-student-looking-camera-sitting-cafe-table_1163-5164.jpg?_wi=5", imageAlt: "portrait college professional student" },
|
{ id: "1", name: "Robert Thompson", role: "Local Owner", company: "5 Years as Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-business-headshot_1163-5164.jpg?_wi=5", imageAlt: "Customer testimonial" },
|
||||||
{ id: "2", name: "Marcus Chen", role: "Junior", company: "Computer Science", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-student-looking-camera-sitting-cafe-table_1163-5164.jpg?_wi=6", imageAlt: "portrait college professional student" },
|
{ id: "2", name: "Jennifer Lee", role: "Fleet Manager", company: "Corporate Account", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-business-headshot_1163-5164.jpg?_wi=6", imageAlt: "Fleet manager testimonial" },
|
||||||
{ id: "3", name: "Tyler Rodriguez", role: "Sophomore", company: "Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-student-looking-camera-sitting-cafe-table_1163-5164.jpg?_wi=7", imageAlt: "portrait college professional student" },
|
{ id: "3", name: "Michael Brown", role: "Regular Customer", company: "3 Vehicles", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-business-headshot_1163-5164.jpg?_wi=7", imageAlt: "Customer review" },
|
||||||
{ id: "4", name: "Jordan Hayes", role: "Freshman", company: "Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-student-looking-camera-sitting-cafe-table_1163-5164.jpg?_wi=8", imageAlt: "portrait college professional student" }
|
{ id: "4", name: "Patricia Davis", role: "Business Owner", company: "Referred Friends", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-business-headshot_1163-5164.jpg?_wi=8", imageAlt: "Business owner testimonial" }
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{ value: "500+", label: "Lifelong Brothers" },
|
{ value: "99%", label: "On-Time Service" },
|
||||||
{ value: "98%", label: "Would Recommend" },
|
{ value: "100%", label: "Satisfaction Guarantee" },
|
||||||
{ value: "200+", label: "Alumni Active" }
|
{ value: "15+", label: "Years in Business" }
|
||||||
]}
|
]}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
@@ -177,27 +176,27 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="recruitment" data-section="recruitment">
|
<div id="recruitment" data-section="recruitment">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
tag="Join Our Brotherhood"
|
tag="Schedule Your Service"
|
||||||
tagIcon={Zap}
|
tagIcon={Wrench}
|
||||||
title="Interested in Kappa Sigma?"
|
title="Ready to Get Your Vehicle Serviced?"
|
||||||
description="Learn about our recruitment events, meet our members, and discover how Kappa Sigma can transform your college experience. Stay updated on upcoming opportunities to join our brotherhood."
|
description="Contact Masters Touch Automobile today to schedule your appointment. Our friendly team is ready to help keep your vehicle in perfect condition. Call us or fill out the form to get started."
|
||||||
background={{ variant: "sparkles-gradient" }}
|
background={{ variant: "sparkles-gradient" }}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/brown-white-concrete-building-blue-sky-daytime_246466-17.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/automotive-service-center-exterior_1246466-18.jpg"
|
||||||
imageAlt="campus college university building"
|
imageAlt="Masters Touch Automobile service center"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
mediaPosition="right"
|
mediaPosition="right"
|
||||||
inputPlaceholder="Enter your email"
|
inputPlaceholder="Enter your email"
|
||||||
buttonText="Get Recruitment Info"
|
buttonText="Schedule Appointment"
|
||||||
termsText="We'll send you information about recruitment events and opportunities to connect with our brotherhood."
|
termsText="We'll contact you within 24 hours to confirm your service appointment. Your vehicle deserves the best care."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Kappa Sigma"
|
logoText="Masters Touch Automobile"
|
||||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
rightLink={{ text: "Contact Us", href: "#recruitment" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
|||||||
Reference in New Issue
Block a user