Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ecb06c7167 | |||
| 344d27ae13 | |||
| b0cf74f1b8 |
133
src/app/page.tsx
133
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
|||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||||||
@@ -29,58 +29,26 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#services"},
|
||||||
id: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Portfolio",
|
name: "Portfolio", id: "#portfolio"},
|
||||||
id: "#portfolio",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="HCS"
|
brandName="HCS"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCarouselLogo
|
<HeroLogo
|
||||||
logoText="HCS"
|
logoText="HCS"
|
||||||
description="Premium Illuminated Signage & Lightbox Solutions"
|
description="Premium Illuminated Signage & Lightbox Solutions"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get a Quote",
|
text: "Get a Quote", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
slides={[
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-particles-wave-with-blue-orange-light-effect_1017-20141.jpg?_wi=1",
|
|
||||||
imageAlt: "Hero background",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/city-hall-sign-close-up_1101-1184.jpg?_wi=1",
|
|
||||||
imageAlt: "HCS Premium Signage",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-particles-wave-with-blue-orange-light-effect_1017-20141.jpg?_wi=2",
|
|
||||||
imageAlt: "Hero background",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/city-hall-sign-close-up_1101-1184.jpg?_wi=2",
|
|
||||||
imageAlt: "HCS Premium Signage",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-particles-wave-with-blue-orange-light-effect_1017-20141.jpg?_wi=3",
|
|
||||||
imageAlt: "Hero background",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/city-hall-sign-close-up_1101-1184.jpg?_wi=3",
|
|
||||||
imageAlt: "HCS Premium Signage",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/city-hall-sign-close-up_1101-1184.jpg?_wi=1"
|
||||||
|
imageAlt="HCS Premium Signage"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -92,17 +60,11 @@ export default function LandingPage() {
|
|||||||
description="At HCS, we transform visions into premium, illuminated realities. We specialize in high-quality signage fabrication, bespoke lightboxes, and digital marketing strategies tailored for corporate excellence."
|
description="At HCS, we transform visions into premium, illuminated realities. We specialize in high-quality signage fabrication, bespoke lightboxes, and digital marketing strategies tailored for corporate excellence."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "Fabrication Excellence",
|
title: "Fabrication Excellence", description: "Precision engineering for all signage types."},
|
||||||
description: "Precision engineering for all signage types.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Visual Impact",
|
title: "Visual Impact", description: "Signage that stands out in the dark."},
|
||||||
description: "Signage that stands out in the dark.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Corporate Solutions",
|
title: "Corporate Solutions", description: "Complete marketing and branding packages."},
|
||||||
description: "Complete marketing and branding packages.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/city-hall-sign-close-up_1101-1184.jpg?_wi=4"
|
imageSrc="http://img.b2bpic.net/free-photo/city-hall-sign-close-up_1101-1184.jpg?_wi=4"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -117,32 +79,16 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
title: "Signage Fabrication",
|
title: "Signage Fabrication", description: "Bespoke outdoor signage and channel letters.", imageSrc: "http://img.b2bpic.net/free-photo/who-says-quote-sign-neon-lights_23-2148283860.jpg?_wi=1", imageAlt: "Signage"},
|
||||||
description: "Bespoke outdoor signage and channel letters.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/who-says-quote-sign-neon-lights_23-2148283860.jpg?_wi=1",
|
|
||||||
imageAlt: "Signage",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
title: "Premium Lightboxes",
|
title: "Premium Lightboxes", description: "Clean, bright, and durable illuminated displays.", imageSrc: "http://img.b2bpic.net/free-vector/design-cover-with-colorful-glitch-effect_52683-19770.jpg?_wi=1", imageAlt: "Lightboxes"},
|
||||||
description: "Clean, bright, and durable illuminated displays.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/design-cover-with-colorful-glitch-effect_52683-19770.jpg?_wi=1",
|
|
||||||
imageAlt: "Lightboxes",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
title: "Expert Web Design",
|
title: "Expert Web Design", description: "High-end digital platforms and UI/UX.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-landing-page-template-ai-technology_23-2150348998.jpg?_wi=1", imageAlt: "Web Design"},
|
||||||
description: "High-end digital platforms and UI/UX.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-landing-page-template-ai-technology_23-2150348998.jpg?_wi=1",
|
|
||||||
imageAlt: "Web Design",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: 4,
|
id: 4,
|
||||||
title: "Marketing Solutions",
|
title: "Marketing Solutions", description: "Data-driven marketing and growth visuals.", imageSrc: "http://img.b2bpic.net/free-vector/isometric-landing-page_52683-8928.jpg", imageAlt: "Marketing"},
|
||||||
description: "Data-driven marketing and growth visuals.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/isometric-landing-page_52683-8928.jpg",
|
|
||||||
imageAlt: "Marketing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Services"
|
title="Our Services"
|
||||||
description="Cutting-edge solutions designed to elevate your brand presence."
|
description="Cutting-edge solutions designed to elevate your brand presence."
|
||||||
@@ -153,8 +99,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
tag="Get in touch"
|
tag="Get in touch"
|
||||||
title="Let’s Build Something Powerful Together"
|
title="Let’s Build Something Powerful Together"
|
||||||
description="Send us your project brief and let's light up your brand."
|
description="Send us your project brief and let's light up your brand."
|
||||||
@@ -171,29 +116,13 @@ export default function LandingPage() {
|
|||||||
membersAnimation="slide-up"
|
membersAnimation="slide-up"
|
||||||
members={[
|
members={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Alexander Voss", imageSrc: "http://img.b2bpic.net/free-photo/city-hall-sign-close-up_1101-1184.jpg?_wi=5", imageAlt: "Lead Designer"},
|
||||||
name: "Alexander Voss",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/city-hall-sign-close-up_1101-1184.jpg?_wi=5",
|
|
||||||
imageAlt: "Lead Designer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/who-says-quote-sign-neon-lights_23-2148283860.jpg?_wi=2", imageAlt: "Signage Engineer"},
|
||||||
name: "Sarah Jenkins",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/who-says-quote-sign-neon-lights_23-2148283860.jpg?_wi=2",
|
|
||||||
imageAlt: "Signage Engineer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-vector/gradient-landing-page-template-ai-technology_23-2150348998.jpg?_wi=2", imageAlt: "Digital Architect"},
|
||||||
name: "Marcus Thorne",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-landing-page-template-ai-technology_23-2150348998.jpg?_wi=2",
|
|
||||||
imageAlt: "Digital Architect",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-vector/design-cover-with-colorful-glitch-effect_52683-19770.jpg?_wi=2", imageAlt: "Brand Consultant"},
|
||||||
name: "Elena Rossi",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/design-cover-with-colorful-glitch-effect_52683-19770.jpg?_wi=2",
|
|
||||||
imageAlt: "Brand Consultant",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -202,29 +131,19 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About",
|
label: "About", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Portfolio",
|
label: "Portfolio", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user