Merge version_1 into main #6
212
src/app/page.tsx
212
src/app/page.tsx
@@ -1,143 +1,101 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import Link from 'next/link';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" }
|
||||
];
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="GEM REFRIGERATION"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Commercial Refrigeration Done Right"
|
||||
description="Expert repair, maintenance, and installation for businesses that can't afford downtime. Fast response. Fair pricing. Flawless results."
|
||||
tag="★ 5.0 Rated • Trusted Since Day One"
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+10000000000" },
|
||||
{ text: "View Services", href: "#services" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-young-girl-working-kitchen-preparing-food_259150-59066.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Smiling businessman standing at airport" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Medium shot man correcting grammar mistakes" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", alt: "Waist up of confident businessman in the office" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg", alt: "Portrait of woman standing in kitchen" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-pretty-smiling-woman-fastening-up-coat-from-cold-happily-looking-camera-outdoor_574295-2171.jpg", alt: "Young pretty smiling woman fastening up coat from cold happily looking in camera outdoor" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Businesses"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showStepNumbers={false}
|
||||
title="Commercial Refrigeration Services"
|
||||
description="From walk-in coolers to ice machines, we keep your business running cold."
|
||||
features={[
|
||||
{ title: "Repair & Diagnostics", description: "Fast, accurate diagnosis and repair for all commercial units.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/flat-labor-day-badge-collection_23-2148098400.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg" } },
|
||||
{ title: "Walk-In Coolers", description: "Reliable installation and maintenance for all walk-in systems.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149288409.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-protective-mask-gloves-opening-freezer-supermarket-covid-19-pandemic-corona-virus_342744-1145.jpg" } },
|
||||
{ title: "Ice Machines", description: "Sales and maintenance for clean, high-output ice machines.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3s9vl7" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n9l9kn" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by local businesses to keep things cool."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Stephanie Brown", date: "2024-05", title: "Business Owner", quote: "Friendly professional service! Definitely recommend!", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg", imageSrc: "http://img.b2bpic.net/free-photo/asian-young-girl-working-kitchen-preparing-food_259150-59066.jpg", imageAlt: "professional business portrait happy" },
|
||||
{ id: "2", name: "Blaine D", date: "2024-04", title: "Manager", quote: "Can't beat this kind of service! Thank you very much!", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-casual-african-american-girl-stylish-trench-coat-happily-looking-away-with-coffee-go-cafe-street_574295-2881.jpg", imageSrc: "http://img.b2bpic.net/free-vector/flat-labor-day-badge-collection_23-2148098400.jpg", imageAlt: "professional business portrait happy" },
|
||||
{ id: "3", name: "Kimberly Mills", date: "2024-03", title: "Owner", quote: "Very knowledgeable and professional. Definitely recommend.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149288409.jpg", imageAlt: "professional business portrait happy" },
|
||||
{ id: "4", name: "Christine Elliott", date: "2024-02", title: "Manager", quote: "Amazing job! Fast and professional.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2076.jpg", imageAlt: "professional business portrait happy" },
|
||||
{ id: "5", name: "John Doe", date: "2024-01", title: "Director", quote: "The best commercial service we have ever had.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-protective-mask-gloves-opening-freezer-supermarket-covid-19-pandemic-corona-virus_342744-1145.jpg", imageAlt: "professional business portrait happy" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Expert Technicians"
|
||||
description="Our dedicated team of cooling specialists brings decades of combined experience to your facility."
|
||||
members={[
|
||||
{ id: "m1", name: "Marcus Thorne", role: "Head Technician", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg" },
|
||||
{ id: "m2", name: "Elena Rodriguez", role: "Installation Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10446.jpg" },
|
||||
{ id: "m3", name: "David Chen", role: "Diagnostic Expert", imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-young-bearded-man-stylish-headwear-having-coffee-sitting-wooden-table-modern-cafe-interior-waiting-his-girlfriend-planning-propose-her-this-sunny-day_273609-1932.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Experience the Gem Difference?"
|
||||
description="Call now for fast, friendly service. Your business can't wait."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="GEM REFRIGERATION"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Services", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
logoText="GEM"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Commercial Refrigeration Done Right"
|
||||
description="Expert repair, maintenance, and installation for businesses that can't afford downtime. Fast response. Fair pricing. Flawless results."
|
||||
tag="★ 5.0 Rated • Trusted Since Day One"
|
||||
buttons={[{text: "Call Now", href: "tel:+10000000000"}, {text: "View Services", href: "#services"}]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-young-girl-working-kitchen-preparing-food_259150-59066.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Smiling businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Man correcting mistakes" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", alt: "Confident businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg", alt: "Woman standing in kitchen" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-pretty-smiling-woman-fastening-up-coat-from-cold-happily-looking-camera-outdoor_574295-2171.jpg", alt: "Smiling woman" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Businesses"
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
showStepNumbers={false}
|
||||
title="Commercial Refrigeration Services"
|
||||
description="From walk-in coolers to ice machines, we keep your business running cold."
|
||||
features={[
|
||||
{ title: "Repair & Diagnostics", description: "Fast, accurate diagnosis and repair for all commercial units.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/flat-labor-day-badge-collection_23-2148098400.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg" } },
|
||||
{ title: "Walk-In Coolers", description: "Reliable installation and maintenance for all walk-in systems.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/flat-labor-day-badge-collection_23-2148098400.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg" } },
|
||||
{ title: "Ice Machines", description: "Sales and maintenance for clean, high-output ice machines.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/flat-labor-day-badge-collection_23-2148098400.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by local businesses to keep things cool."
|
||||
textboxLayout="split"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Stephanie Brown", date: "2024-05", title: "Business Owner", quote: "Friendly professional service! Definitely recommend!", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg" },
|
||||
{ id: "2", name: "Blaine D", date: "2024-04", title: "Manager", quote: "Can't beat this kind of service! Thank you very much!", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-casual-african-american-girl-stylish-trench-coat-happily-looking-away-with-coffee-go-cafe-street_574295-2881.jpg" },
|
||||
{ id: "3", name: "Kimberly Mills", date: "2024-03", title: "Owner", quote: "Very knowledgeable and professional. Definitely recommend.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg" },
|
||||
{ id: "4", name: "Christine Elliott", date: "2024-02", title: "Manager", quote: "Amazing job! Fast and professional.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg" },
|
||||
{ id: "5", name: "John Doe", date: "2024-01", title: "Director", quote: "The best commercial service we have ever had.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Contact Us"
|
||||
title="Ready to Experience the Gem Difference?"
|
||||
description="Call now for fast, friendly service. Your business can't wait."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="GEM REFRIGERATION"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user