Compare commits
13 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| af0f16dac7 | |||
| 94ba210583 | |||
| e9e8f04f11 | |||
| 0fdcd103b9 | |||
| e6b2fafda7 | |||
| cf7c60eb44 | |||
| 1003593f47 | |||
| a94a8c59ed | |||
| e46d047516 | |||
| 3d330e1be4 | |||
| 62ec67c0c3 | |||
| bd43e7198d | |||
| 72ca00a7a4 |
257
src/app/page.tsx
257
src/app/page.tsx
@@ -4,14 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, CheckCircle, Shield } from "lucide-react";
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, Zap, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,168 +26,99 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Boss Roofing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Classes", id: "classes" },
|
||||
{ name: "Coaches", id: "coaches" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Faisal Gym"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Boss Roofing LLC"
|
||||
description="Trusted Roofing Experts Protecting Homes Across Washington"
|
||||
buttons={[
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:+15550123456" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Faisal Gym"
|
||||
description="Unleash Your Potential in the heart of Giza. Premium fitness equipment and expert coaching."
|
||||
buttons={[
|
||||
{ text: "Book Trial", href: "#contact" },
|
||||
{ text: "View Plans", href: "#pricing" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/boxing-gloves-hanging-gym-training-area_23-2148906660.jpg" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/muscular-man-lifting-heavy-barbell_1150-14364.jpg" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/close-up-boxing-gloves-gym_23-2148906657.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repair", description: "Quick, reliable repairs to stop leaks.", media: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-blue-lines-perfect-using-as-background_181624-15180.jpg" },
|
||||
items: [{ text: "Leaking flashings", icon: CheckCircle }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Roof Replacement", description: "Long-lasting roofing systems.", media: { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg" },
|
||||
items: [{ text: "Lifetime warranty", icon: CheckCircle }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Emergency Roofing", description: "24/7 service for storm damage.", media: { imageSrc: "http://img.b2bpic.net/free-photo/glass-pyramid_1122-430.jpg" },
|
||||
items: [{ text: "Fast dispatch", icon: CheckCircle }],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Professional Roofing Services"
|
||||
description="Comprehensive roofing solutions for Washington homeowners."
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<AboutMetric
|
||||
title="Why Choose Faisal Gym"
|
||||
metrics={[
|
||||
{ label: "Certified Coaches", value: "10+", icon: Users },
|
||||
{ label: "State-of-Art", value: "24/7", icon: Zap },
|
||||
{ label: "Transformations", value: "500+", icon: Award },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Work", description: "Our craftsmanship speaks for itself.", media: { imageSrc: "http://img.b2bpic.net/free-photo/razor-blades-with-yellow-background_23-2150970035.jpg" },
|
||||
items: [],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Modern Aesthetics", description: "Elevated curb appeal every time.", media: { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg" },
|
||||
items: [],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Durable Results", description: "Roofs built for Washington weather.", media: { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg" },
|
||||
items: [],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Before & After Gallery"
|
||||
description="See the Boss Roofing difference."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
title="Our Classes"
|
||||
description="From HIIT to Strength Training, we have a class for your goal."
|
||||
accordionItems={[
|
||||
{ id: "1", title: "HIIT", content: "High-intensity training for fat burning." },
|
||||
{ id: "2", title: "Bodybuilding", content: "Build lean muscle with professional guidance." },
|
||||
{ id: "3", title: "Boxing", content: "Develop speed, precision, and endurance with expert boxing trainers." },
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/boxer-training-gym_1150-13619.jpg"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose Boss Roofing"
|
||||
metrics={[
|
||||
{ label: "Licensed & Insured", value: "100%", icon: Shield },
|
||||
{ label: "Years Experience", value: "15+", icon: Award },
|
||||
{ label: "Projects Completed", value: "2000+", icon: CheckCircle },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Member Success"
|
||||
description="Hear from our athletes about their fitness journeys."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ahmed M.", handle: "@ahmedm", testimonial: "The best gym in Faisal! Incredible coaches and atmosphere." },
|
||||
{ id: "2", name: "Sara K.", handle: "@sarak", testimonial: "My transformation has been amazing thanks to the team." },
|
||||
{ id: "3", name: "Omar R.", handle: "@omarr", testimonial: "High-end gear and very professional environment." },
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/woman-home-with-brushes_23-2147611457.jpg" },
|
||||
{ id: "2", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg" },
|
||||
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-mature-man-casual-clothes-with-laptop-near-brick-wall_259150-58370.jpg" },
|
||||
{ id: "4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg" },
|
||||
{ id: "5", name: "Anna P.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg" },
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Book Your Trial"
|
||||
description="Take the first step toward your fitness goals today."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your fitness goal..." }}
|
||||
buttonText="Reserve Free Session"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/professional-boxer-training-gym_1150-14365.jpg"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Inspection", content: "Our experts evaluate your current roofing." },
|
||||
{ id: "2", title: "Estimate", content: "Get a transparent, itemized quote." },
|
||||
{ id: "3", title: "Repair", content: "Professional installation and repair." },
|
||||
{ id: "4", title: "Final Check", content: "Quality assurance and satisfaction." },
|
||||
]}
|
||||
title="Our Process"
|
||||
description="Simple, transparent roofing process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="emergency" data-section="emergency">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "24/7", description: "Emergency availability" },
|
||||
{ id: "2", value: "Fast", description: "Response time" },
|
||||
]}
|
||||
title="Emergency Roofing Support"
|
||||
description="Urgent roofing problems solved fast."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Get Your Free Estimate"
|
||||
description="Fill out the form to secure your roof."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Describe your roofing project..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "#services" }] },
|
||||
{ items: [{ label: "Gallery", href: "#gallery" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Boss Roofing LLC"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Faisal Gym"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #E34400;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #ff0000;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #1c1c1c;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #ff8c42;
|
||||
--background-accent: #f9f9f9;
|
||||
--accent: #ff0000;
|
||||
--background-accent: #3d0000;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user