Skip to content

Commit d6c80d9

Browse files
author
FreshPass
committed
Add Crisp chat widget and demo-focused messaging
- Integrated Crisp chat widget for instant demo requests - Updated Contact section to promote chat for secure guest Wi-Fi discussions - Changed Hero CTA from 'Get in Touch' to 'Request Demo' - Added Shababu System Ltd company information to footer - Focused messaging on secure guest Wi-Fi rather than infrastructure - Chat widget appears in bottom right for immediate engagement
1 parent 5f0b0e8 commit d6c80d9

4 files changed

Lines changed: 64 additions & 14 deletions

File tree

app/layout.tsx

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,22 @@ export default function RootLayout({ children }: { children: ReactNode }) {
1212
<link rel="preconnect" href="https://fonts.googleapis.com" />
1313
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
1414
<link href="https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&family=Red+Hat+Text:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet" />
15+
<script
16+
type="text/javascript"
17+
dangerouslySetInnerHTML={{
18+
__html: `
19+
window.$crisp=[];
20+
window.CRISP_WEBSITE_ID="5bc0dfcf-01c2-445b-b002-7fa43068547b";
21+
(function(){
22+
var d=document;
23+
var s=d.createElement("script");
24+
s.src="https://client.crisp.chat/l.js";
25+
s.async=1;
26+
d.getElementsByTagName("head")[0].appendChild(s);
27+
})();
28+
`
29+
}}
30+
/>
1531
</head>
1632
<body className="font-text">{children}</body>
1733
</html>

components/Contact.tsx

Lines changed: 27 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export default function Contact() {
1212
whileInView={{ opacity: 1, y: 0 }}
1313
viewport={{ once: true }}
1414
>
15-
<h2 className="text-4xl md:text-5xl font-bold mb-8 font-display">Get Started</h2>
15+
<h2 className="text-4xl md:text-5xl font-bold mb-8 font-display">Request a Demo</h2>
1616
</motion.div>
1717
<motion.div
1818
initial={{ opacity: 0, y: 30 }}
@@ -21,7 +21,7 @@ export default function Contact() {
2121
transition={{ delay: 0.2 }}
2222
>
2323
<p className="text-xl text-cream mb-12 font-text">
24-
Ready to secure your network? Contact us to learn more about FreshPass deployment.
24+
See FreshPass in action. Chat with us to schedule a personalized demo for your Wi-Fi infrastructure.
2525
</p>
2626
</motion.div>
2727
<motion.div
@@ -31,13 +31,31 @@ export default function Contact() {
3131
transition={{ delay: 0.4 }}
3232
whileHover={{ scale: 1.05 }}
3333
>
34-
<a
35-
href="mailto:hello@freshpass.today"
36-
className="inline-flex items-center gap-3 bg-freshpass-green text-dark-gray px-8 py-4 rounded-full text-lg font-medium hover:bg-freshpass-green-70 transition-colors mb-12 font-text"
37-
>
38-
<Mail className="w-5 h-5" />
39-
hello@freshpass.today
40-
</a>
34+
<div className="bg-gray-green p-8 rounded-2xl mb-12 max-w-2xl mx-auto">
35+
<div className="w-16 h-16 bg-freshpass-green rounded-full flex items-center justify-center mx-auto mb-4">
36+
<svg className="w-8 h-8 text-dark-gray" fill="currentColor" viewBox="0 0 20 20">
37+
<path fillRule="evenodd" d="M18 10c0 3.866-3.582 7-8 7a8.841 8.841 0 01-4.083-.98L2 17l1.338-3.123C2.493 12.767 2 11.434 2 10c0-3.866 3.582-7 8-7s8 3.134 8 7zM7 9H5v2h2V9zm8 0h-2v2h2V9zM9 9h2v2H9V9z" clipRule="evenodd" />
38+
</svg>
39+
</div>
40+
<h3 className="text-2xl font-semibold mb-4 font-display">Start a Conversation</h3>
41+
<p className="mb-6 font-text">
42+
Click the chat bubble in the bottom right to discuss secure guest Wi-Fi needs. We'll help you understand how FreshPass works with Meraki, Mist, Aruba, and other enterprise platforms.
43+
</p>
44+
<div className="text-sm opacity-80 font-text space-y-1">
45+
<p>💬 Instant responses during business hours</p>
46+
<p>📅 Schedule demos directly through chat</p>
47+
<p>🔧 Technical questions welcome</p>
48+
</div>
49+
<div className="mt-6 pt-6 border-t border-cream border-opacity-20">
50+
<a
51+
href="mailto:hello@freshpass.today"
52+
className="inline-flex items-center gap-2 text-freshpass-green hover:underline font-text"
53+
>
54+
<Mail className="w-4 h-4" />
55+
hello@freshpass.today
56+
</a>
57+
</div>
58+
</div>
4159
</motion.div>
4260
<motion.div
4361
initial={{ opacity: 0, y: 30 }}

components/Footer.tsx

Lines changed: 20 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -33,10 +33,26 @@ export default function Footer() {
3333
</div>
3434
</div>
3535

36-
<div className="border-t border-gray-green pt-8 text-sm text-center md:text-left">
37-
<div className="flex flex-col md:flex-row justify-between items-center">
38-
<p>© 2024 FreshPass Today. All rights reserved.</p>
39-
<p>Secure Wi-Fi Solutions</p>
36+
<div className="border-t border-gray-green pt-8 text-sm">
37+
<div className="grid md:grid-cols-2 gap-6">
38+
<div>
39+
<p className="font-semibold text-freshpass-green mb-2">FreshPass Today</p>
40+
<p>© 2025 FreshPass Today. All rights reserved.</p>
41+
<p className="mt-2 text-xs opacity-80">Secure Wi-Fi Solutions</p>
42+
</div>
43+
<div className="text-xs opacity-70">
44+
<p className="font-semibold mb-2">Operated by Shababu System Ltd</p>
45+
<p className="mt-2">
46+
<a
47+
href="https://find-and-update.company-information.service.gov.uk/company/16621448"
48+
target="_blank"
49+
rel="noopener noreferrer"
50+
className="hover:text-freshpass-green transition-colors underline"
51+
>
52+
View Company Information
53+
</a>
54+
</p>
55+
</div>
4056
</div>
4157
</div>
4258
</div>

components/Hero.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ export default function Hero() {
5151
}}
5252
className="bg-freshpass-green text-dark-gray px-8 py-4 rounded-full text-lg font-medium hover:bg-freshpass-green-70 transition-colors font-text"
5353
>
54-
Get in Touch
54+
Request Demo
5555
</button>
5656
</motion.div>
5757
</div>

0 commit comments

Comments
 (0)