bender/bb0883a9-6d53-493f-b32c-1ea37debb48e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

4 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
e126e3cbc5 Update src/app/page.tsx 2026-03-31 23:42:16 +00:00
bender
3a72bbc1dd Update src/app/page.tsx 2026-03-31 23:41:49 +00:00
bender
c87e9ae4a9 Update src/app/page.tsx 2026-03-31 23:41:20 +00:00
bender
d94ab24af2 Merge version_1 into main 
Merge version_1 into main
 2026-03-31 23:40:57 +00:00
1 changed files with 101 additions and 264 deletions
Expand all files Collapse all files

363
src/app/page.tsx
View File

@@ -2,15 +2,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric'; import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ContactSplit from '@/components/sections/contact/ContactSplit'; import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve'; import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterCard from '@/components/sections/footer/FooterCard'; import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel'; import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne'; import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Facebook, Instagram, Shield, Twitter, Zap } from "lucide-react"; import { Zap, Shield, Award, LayoutDashboard, Settings, User, FileText } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -27,267 +27,104 @@ export default function LandingPage() {
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarLayoutFloatingOverlay
navItems={[ brandName="R&A Modify"
{ navItems={[
name: "Home", { name: "Home", id: "hero" },
id: "hero", { name: "About", id: "about" },
}, { name: "Services", id: "features" },
{ { name: "Products", id: "products" },
name: "About", { name: "Contact", id: "contact" },
id: "about", ]}
}, />
{ </div>
name: "Services",
id: "features",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="R&A Modify"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroBillboardDashboard
background={{ title="Modify to Perfection"
variant: "gradient-bars", description="Extreme planning and precision engineering for automotive enthusiasts. We transform your vehicle into a high-performance masterpiece."
}} tag="R&A Modify"
title="Modify to Perfection" dashboard={{
description="Extreme planning and precision engineering for automotive enthusiasts. We transform your vehicle into a high-performance masterpiece." title: "Project Performance", stats: [
tag="R&A Modify" { title: "Horsepower", values: [500, 550, 600], description: "Performance gains" },
tagAnimation="slide-up" { title: "Projects", values: [850, 900, 950], description: "Builds completed" },
buttons={[ { title: "Clients", values: [1200, 1250, 1300], description: "Satisfied owners" }
{ ],
text: "Start Project", logoIcon: Zap,
href: "#contact", sidebarItems: [{ icon: LayoutDashboard, active: true }, { icon: Settings }, { icon: User }],
}, listItems: [{ icon: FileText, title: "Stage 1 Tuning", status: "Complete" }, { icon: FileText, title: "Aero Kit Install", status: "In Progress" }],
]} imageSrc: "http://img.b2bpic.net/free-photo/business-woman-car_1303-3853.jpg", buttons: []
buttonAnimation="slide-up" }}
mediaItems={[ background={{ variant: "gradient-bars" }}
{ />
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-car_1303-3853.jpg", </div>
imageAlt: "Modified sports car",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1499.jpg",
imageAlt: "Precision engine parts",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/gradient-mechanical-service-facebook-template_23-2150090776.jpg",
imageAlt: "Automotive workshop",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/glowing-light-movement-futuristic-background_52683-15316.jpg",
imageAlt: "Racing motion",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/black-blue-speedometer_1057-3274.jpg",
imageAlt: "Interior modification",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-desicion-buy-car_1303-13859.jpg",
imageAlt: "Widebody showcase",
},
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<AboutMetric <InlineImageSplitTextAbout
useInvertedBackground={true} heading={[{ type: 'text', content: 'Our Philosophy of ' }, { type: 'text', content: 'Perfection' }]}
title="Precision Metrics" useInvertedBackground={true}
metrics={[ />
{ </div>
icon: Zap,
label: "Horsepower Gains",
value: "500+",
},
{
icon: Shield,
label: "Satisfied Builds",
value: "1200+",
},
{
icon: Award,
label: "Projects Perfected",
value: "850+",
},
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwelve <FeatureCardTwentyFive
animationType="slide-up" title="Extreme Planning"
textboxLayout="split" description="Precision-engineered solutions for high-performance automotive transformation."
useInvertedBackground={false} animationType="slide-up"
features={[ textboxLayout="split"
{ useInvertedBackground={false}
id: "f1", features={[
label: "Performance", { title: "Engine Tuning", description: "Advanced ECU remapping and turbo upgrades for peak output.", icon: Zap, mediaItems: [{imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1499.jpg?_wi=1"}, {imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1499.jpg?_wi=2"}] },
title: "Engine Tuning", { title: "Aero Dynamics", description: "Custom widebody designs and carbon fiber integration.", icon: Shield, mediaItems: [{imageSrc: "http://img.b2bpic.net/free-vector/gradient-mechanical-service-facebook-template_23-2150090776.jpg?_wi=1"}, {imageSrc: "http://img.b2bpic.net/free-vector/gradient-mechanical-service-facebook-template_23-2150090776.jpg?_wi=2"}] }
items: [ ]}
"ECU Remapping", />
"Turbo Upgrades", </div>
"Exhaust Systems",
],
},
{
id: "f2",
label: "Styling",
title: "Exterior Kits",
items: [
"Widebody Designs",
"Carbon Fiber Parts",
"Custom Paint",
],
},
{
id: "f3",
label: "Interior",
title: "Luxury Refinement",
items: [
"Custom Leather",
"Racing Seats",
"Digital Clusters",
],
},
]}
title="Our Modification Services"
description="Expert services tailored to unlock your car's true potential."
/>
</div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardThree <ProductCardOne
animationType="slide-up" title="Performance Components"
textboxLayout="split" description="High-grade parts to push your build further."
gridVariant="three-columns-all-equal-width" gridVariant="bento-grid"
useInvertedBackground={true} animationType="slide-up"
products={[ textboxLayout="split"
{ useInvertedBackground={false}
id: "p1", products={[
name: "Pro Turbocharger Kit", { id: "p1", name: "Pro Turbocharger", price: "$3,200", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-assortment_23-2149030428.jpg?_wi=1" },
price: "$3,200", { id: "p2", name: "Alloy Wheels", price: "$2,400", imageSrc: "http://img.b2bpic.net/free-photo/car-volume-knob-multimedia-controller-auto-textured-adjustment-wheel_169016-68661.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-assortment_23-2149030428.jpg", { id: "p3", name: "Carbon Hood", price: "$1,800", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-assortment_23-2149030428.jpg?_wi=2" }
}, ]}
{ />
id: "p2", </div>
name: "Forged Alloy Wheels",
price: "$2,400",
imageSrc: "http://img.b2bpic.net/free-photo/car-volume-knob-multimedia-controller-auto-textured-adjustment-wheel_169016-68661.jpg",
},
{
id: "p3",
name: "Full Aerodynamic Hood",
price: "$1,800",
imageSrc: "http://img.b2bpic.net/free-photo/extreme-hard-drive-cooling_1401-422.jpg",
},
]}
title="Elite Performance Parts"
description="Hand-picked components to achieve automotive perfection."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardOne <TestimonialCardTwo
animationType="slide-up" title="Client Stories"
textboxLayout="split" description="Results that define our reputation."
gridVariant="two-columns-alternating-heights" animationType="blur-reveal"
useInvertedBackground={false} textboxLayout="split"
testimonials={[ useInvertedBackground={false}
{ testimonials={[
id: "1", { id: "1", name: "Sarah J.", role: "Race Driver", testimonial: "The transformation was nothing short of perfection.", icon: Award }
name: "Sarah Johnson", ]}
role: "Race Driver", />
company: "Circuit Pro", </div>
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-hands-with-his-girlfriend-outside-car_23-2148377935.jpg?_wi=1",
},
{
id: "2",
name: "Michael Chen",
role: "Hobbyist",
company: "AutoClub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/technology-communication-two-friends-having-lively-conversation-lunch_273609-6658.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Car Collector",
company: "Luxury Auto",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-calling-taxi_23-2148002436.jpg",
},
{
id: "4",
name: "David Kim",
role: "Tuner",
company: "Street Pro",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1275.jpg",
},
{
id: "5",
name: "Alex Rivera",
role: "Drifter",
company: "Drift King",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-hands-with-his-girlfriend-outside-car_23-2148377935.jpg?_wi=2",
},
]}
title="Client Perfection Stories"
description="Hear what our enthusiasts have to say."
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactText
useInvertedBackground={true} text="Ready to transform your drive?"
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", useInvertedBackground={false}
}} />
tag="Get in touch" </div>
title="Ready to Transform?"
description="Reach out to R&A Modify for premium automotive solutions. Start your project now."
imageSrc="http://img.b2bpic.net/free-photo/smartphone-laptop-high-angle_23-2148541551.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterCard <FooterLogoReveal
logoText="R&A Modify" logoText="R&A Modify"
copyrightText="© 2025 R&A Modify. All rights reserved." leftLink={{ text: "Privacy", href: "#" }}
socialLinks={[ rightLink={{ text: "Terms", href: "#" }}
{ />
icon: Instagram, </div>
href: "#",
ariaLabel: "Instagram",
},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
]}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );