Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
149
src/app/page.tsx
149
src/app/page.tsx
@@ -5,10 +5,11 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
|
||||
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { useState, useEffect } from "react";
|
||||
import {
|
||||
Award,
|
||||
BarChart3,
|
||||
@@ -26,9 +27,38 @@ import {
|
||||
User,
|
||||
Users,
|
||||
Zap,
|
||||
Phone,
|
||||
MapPin,
|
||||
MessageCircle,
|
||||
Loader,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
const [mounted, setMounted] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
setMounted(true);
|
||||
}, []);
|
||||
|
||||
const handleWhatsAppClick = () => {
|
||||
const phoneNumber = "919907164118";
|
||||
const message = "Hello! I'm interested in learning more about Paradigma's modular construction platform.";
|
||||
const encodedMessage = encodeURIComponent(message);
|
||||
window.open(
|
||||
`https://wa.me/${phoneNumber}?text=${encodedMessage}`,
|
||||
"_blank"
|
||||
);
|
||||
};
|
||||
|
||||
const handleCallClick = () => {
|
||||
setIsLoading(true);
|
||||
setTimeout(() => {
|
||||
window.location.href = "tel:+919907164118";
|
||||
setIsLoading(false);
|
||||
}, 500);
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -48,7 +78,7 @@ export default function LandingPage() {
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
@@ -167,24 +197,37 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Paradigma transformed our workflow. We've cut project timelines in half and our team productivity has skyrocketed. It's the best investment we've made in our construction business."
|
||||
rating={5}
|
||||
author="John Anderson, Construction Director at BuildCorp"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg", alt: "John Anderson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-her-desk_23-2147636005.jpg", alt: "Team member"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21146.jpg", alt: "Team member"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg", alt: "Team member"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
title="What Our Customers Say"
|
||||
description="Join hundreds of construction companies transforming their business with Paradigma."
|
||||
tag="Customer Reviews"
|
||||
tagIcon={Star}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "John Anderson", handle: "BuildCorp Director", testimonial: "Paradigma transformed our workflow. We've cut project timelines in half and our team productivity has skyrocketed. It's the best investment we've made in our construction business.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg", imageAlt: "John Anderson", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sarah Mitchell", handle: "Architect at DesignStudio", testimonial: "The AI-powered design recommendations have revolutionized how we approach modular construction. We're delivering better projects faster than ever before.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-her-desk_23-2147636005.jpg", imageAlt: "Sarah Mitchell", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "3", name: "Marcus Chen", handle: "Project Manager", testimonial: "The collaboration features have eliminated countless hours of back-and-forth communication. Our team is more efficient than ever. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21146.jpg", imageAlt: "Marcus Chen", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "4", name: "Emma Rodriguez", handle: "Construction CEO", testimonial: "Paradigma's real-time analytics have given us complete visibility into our projects. We've reduced costs by 20% and improved timeline accuracy significantly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg", imageAlt: "Emma Rodriguez", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "5", name: "David Thompson", handle: "Structural Engineer", testimonial: "The compliance checking feature automatically ensures all designs meet building codes. It's like having an expert reviewer on every project.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg", imageAlt: "David Thompson", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "6", name: "Lisa Wang", handle: "Operations Director", testimonial: "Scaling our business has never been easier. Paradigma grows with us, and their customer support is exceptional. We couldn't ask for better.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-her-desk_23-2147636005.jpg", imageAlt: "Lisa Wang", icon: Star,
|
||||
},
|
||||
]}
|
||||
speed={40}
|
||||
topMarqueeDirection="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -221,16 +264,18 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
<ContactCTA
|
||||
tag="Get Started"
|
||||
title="Ready to Transform Your Construction Business?"
|
||||
description="Join hundreds of construction companies already using Paradigma. Start your free trial today with no credit card required."
|
||||
description="Join hundreds of construction companies already using Paradigma. Start your free trial today with no credit card required. Have questions? Contact us directly."
|
||||
tagIcon={Zap}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="your@email.com"
|
||||
buttonText="Start Free Trial"
|
||||
termsText="By signing up you're confirming that you agree with our Terms and Conditions and Privacy Policy."
|
||||
buttons={[
|
||||
{ text: "Start Free Trial", href: "#" },
|
||||
{ text: "Book a Demo", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -273,6 +318,58 @@ export default function LandingPage() {
|
||||
copyrightText="© 2024 Paradigma. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
|
||||
{mounted && (
|
||||
<>
|
||||
<button
|
||||
onClick={handleWhatsAppClick}
|
||||
className="fixed bottom-6 right-6 z-40 w-14 h-14 rounded-full bg-green-500 hover:bg-green-600 text-white shadow-lg transition-all duration-300 transform hover:scale-110 flex items-center justify-center"
|
||||
aria-label="Contact via WhatsApp"
|
||||
title="Chat with us on WhatsApp"
|
||||
>
|
||||
<MessageCircle size={24} />
|
||||
</button>
|
||||
|
||||
<button
|
||||
onClick={handleCallClick}
|
||||
disabled={isLoading}
|
||||
className="fixed bottom-24 right-6 z-40 w-14 h-14 rounded-full bg-blue-500 hover:bg-blue-600 text-white shadow-lg transition-all duration-300 transform hover:scale-110 flex items-center justify-center disabled:opacity-75"
|
||||
aria-label="Call us"
|
||||
title="Call us now"
|
||||
>
|
||||
{isLoading ? (
|
||||
<Loader size={24} className="animate-spin" />
|
||||
) : (
|
||||
<Phone size={24} />
|
||||
)}
|
||||
</button>
|
||||
|
||||
<style jsx>{`
|
||||
@keyframes float {
|
||||
0%, 100% {
|
||||
transform: translateY(0px);
|
||||
}
|
||||
50% {
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
}
|
||||
@keyframes fadeInScale {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
button[aria-label="Contact via WhatsApp"],
|
||||
button[aria-label="Call us"] {
|
||||
animation: fadeInScale 0.5s ease-out;
|
||||
}
|
||||
`}</style>
|
||||
</>
|
||||
)}
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #050012;
|
||||
--card: #040121;
|
||||
--foreground: #f0e6ff;
|
||||
--primary-cta: #c89bff;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #ffdf7d;
|
||||
--primary-cta-text: #050012;
|
||||
--secondary-cta: #1d123b;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #f0e6ff;
|
||||
--accent: #684f7b;
|
||||
--background-accent: #65417c;
|
||||
--accent: #ff7b05;
|
||||
--background-accent: #b8860b;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user