Merge version_2 into main #3
103
src/app/page.tsx
103
src/app/page.tsx
@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Calendar, Heart, Mail, Wrench } from "lucide-react";
|
||||
import { Calendar, Heart, Mail, Wrench, Bike } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,33 +29,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Otto's"
|
||||
button={{
|
||||
text: "Book Repair"}}
|
||||
button={{ text: "Book Repair" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Trusted Local Hub for Bike Repair and Fresh Water"
|
||||
description="Providing top-tier bicycle maintenance and high-quality drinking water services to our community since 2010."
|
||||
tag="Since 2010"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-bicycle-gear_1170-2509.jpg", imageAlt: "Bicycle Repair Station"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-red-nails-puts-bottle-water-scrapheap_1304-3027.jpg", imageAlt: "Fresh Water Service"}
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-bicycle-gear_1170-2509.jpg", imageAlt: "Bicycle Repair Station" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/girl-with-red-nails-puts-bottle-water-scrapheap_1304-3027.jpg", imageAlt: "Fresh Water Service" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -70,10 +63,7 @@ export default function LandingPage() {
|
||||
tag="Our Mission"
|
||||
title="Committed to Keeping You Moving and Hydrated"
|
||||
tagIcon={Heart}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More", href: "#services"},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -83,50 +73,36 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Bicycle Tune-ups", description: "Full-service maintenance to ensure your bike is road-ready for any journey.", tag: "Repair", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-repairing-bike-shop_23-2148932602.jpg"},
|
||||
{
|
||||
id: "f2", title: "Purity Water Fill", description: "Ultra-filtered drinking water available in bulk for all your hydration needs.", tag: "Hydration", imageSrc: "http://img.b2bpic.net/free-photo/close-focus-bartender-makes-homemade-lemonade-pours-sparkling-water-rustic-jar-with-strawberry-slices-ice-cubes-inside_346278-726.jpg"},
|
||||
{
|
||||
id: "f3", title: "Rapid Repairs", description: "Flat tires, chain issues, or brake adjustments handled quickly while you wait.", tag: "Support", imageSrc: "http://img.b2bpic.net/free-photo/repairman-workshop_1098-15533.jpg"},
|
||||
{ id: "f1", title: "Bicycle Tune-ups", description: "Full-service maintenance to ensure your bike is road-ready for any journey.", tag: "Repair", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-repairing-bike-shop_23-2148932602.jpg" },
|
||||
{ id: "f2", title: "Purity Water Fill", description: "Ultra-filtered drinking water available in bulk for all your hydration needs.", tag: "Hydration", imageSrc: "http://img.b2bpic.net/free-photo/close-focus-bartender-makes-homemade-lemonade-pours-sparkling-water-rustic-jar-with-strawberry-slices-ice-cubes-inside_346278-726.jpg" },
|
||||
{ id: "f3", title: "E-bike Rentals", description: "Explore the city with our fleet of premium electric bikes, perfect for short trips.", tag: "Rental", imageSrc: "http://img.b2bpic.net/free-photo/young-man-riding-electric-bike_23-2149132145.jpg" },
|
||||
]}
|
||||
title="Expert Services We Provide"
|
||||
description="Professional maintenance to keep your bike rolling and high-purity water to keep you refreshed."
|
||||
description="Professional maintenance, fresh water, and electric mobility solutions."
|
||||
tag="Our Services"
|
||||
tagIcon={Wrench}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Otto’s is a staple of our neighborhood! Fast, friendly, and reliable service for both my bike and water refills."
|
||||
rating={5}
|
||||
author="Sarah Thompson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-fastening-helmet-man_23-2147764135.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-confident-standing-with-arms-crossed-gesture-street_839833-30694.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-examining-bicycles_1170-2371.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blond-girl-happy-expression_1194-4509.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-holding-bicycle_1170-2609.jpg", alt: "Customer 5"},
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="What Our Community Says"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah T.", imageSrc: "http://img.b2bpic.net/free-photo/woman-fastening-helmet-man_23-2147764135.jpg" },
|
||||
{ id: "t2", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-confident-standing-with-arms-crossed-gesture-street_839833-30694.jpg" },
|
||||
{ id: "t3", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-bicycles_1170-2371.jpg" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Need Help? Reach Out to Otto's"
|
||||
title="Get in Touch"
|
||||
description="Send us an inquiry for your repair request or visit us for fresh water anytime."
|
||||
tagIcon={Mail}
|
||||
inputPlaceholder="Enter your email address"
|
||||
@@ -135,30 +111,13 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterLogoReveal
|
||||
logoText="Otto's Bicycle & Water"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Bike Repair", href: "#services"},
|
||||
{
|
||||
label: "Water Shop", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Otto's Bicycle & Water Shop"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user