Skip to content

Commit

Permalink
Added small translate y on the solutions in our solutions and zoom in…
Browse files Browse the repository at this point in the history 
… when hovering over the image
  • Loading branch information
@LueDev
LueDev committed Jul 12, 2024
1 parent 95c6b3b commit 72e5e9d
Show file tree
Hide file tree
Showing 3 changed files with 131 additions and 47 deletions.
2 changes: 1 addition & 1 deletion app/(root)/company/[product]/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ export async function generateStaticParams() {
return [
{ product: 'fortuna' },
{ product: 'genesis' },
{ product: 'ai' },
{ product: 'apexai' },
];
}

Expand Down
80 changes: 79 additions & 1 deletion components/ProductDetails.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,85 @@ const productData: ProductData = {
},
],
},
// Add more products here
apexai: {
title: 'Apex AI',
subtitle: 'Empower your real estate fractional investing business with Apex AI',
description: "Apex AI is a Decentralized Autonomous Organization (DAO) with multi-perplexity capability designed to revolutionize the real estate fractional investing sector. By integrating advanced AI technology and seamless B2B integrations, Apex AI ensures your business operations are optimized and scalable.",
featureCards: [
{
icon: FaGlobe,
title: 'Comprehensive Integration of Cutting-Edge Technologies',
features: [
{
title: 'AI and Multi-Perplexity Capability Integration',
description: 'Apex AI leverages advanced AI and multi-perplexity capabilities to provide a cohesive and intelligent framework for managing real estate investments.',
},
{
title: 'Seamless Interoperation',
description: 'Ensures seamless interaction between different business models and technological systems to drive innovation and efficiency.',
},
{
title: 'Overcoming Fragmentation',
description: 'Establishes a universal middleware to address fragmented approaches in real estate management and utilization.',
},
],
},
{
icon: FaLock,
title: 'Robust and Scalable Decentralized Network',
features: [
{
title: 'Decentralized Physical Infrastructure',
description: 'A global network of nodes and data centers owned and operated by the community ensures no single entity has control, promoting transparency and security.',
},
{
title: 'Peer-to-Peer Communication',
description: 'Enables direct, secure, and efficient communication between nodes, reducing latency and improving privacy.',
},
{
title: 'Resilient and Secure',
description: 'Reduces risks of censorship, downtime, and centralization-related issues, ensuring a reliable and stable network.',
},
],
},
{
icon: FaTools,
title: 'Empowering Real Estate Businesses',
features: [
{
title: 'B2B Integration for Your Business of Choice',
description: 'Integrates with popular platforms and business models such as Airbnb, corporate housing, and multi-family rentals, providing flexibility and scalability.',
},
{
title: 'Low-Code Development Environment',
description: 'Combines visual design tools with simple scripting languages for easy customization and extension.',
},
{
title: 'Full-Code Execution Capabilities',
description: 'Enables experienced developers to write and deploy custom smart contracts using popular programming languages.',
},
],
},
{
icon: FaLightbulb,
title: 'Optimized for High Performance and Low Cost',
features: [
{
title: 'Advanced Sharding Techniques',
description: 'Uses sharding to handle high volumes of transactions and computations efficiently, ensuring scalability.',
},
{
title: 'Off-Chain Computation',
description: 'Reduces on-chain load and improves performance without compromising security.',
},
{
title: 'Efficient Consensus Mechanisms',
description: 'Ensures scalable and cost-effective operations, enabling large-scale use cases without excessive fees or congestion.',
},
],
},
],
},
};

const ProductDetails = ({ productName }: ProductDetailsProps) => {
Expand Down
96 changes: 51 additions & 45 deletions components/our_solutions_components/OurSolutions.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,50 +5,56 @@ import solution2Img from '@/public/assets/3D/ProductLogos/target_10058264.png';
import solution3Img from '@/public/assets/3D/ProductLogos/chain_14795155.png';

interface Solution {
title: string;
description: string;
image: ImageProps['src'];
}

const solutions: Solution[] = [
{
title: "Innovative Real Estate Investments",
description: "Unlock the potential of fractional real estate investments with our proprietary 3MX token.",
image: solution1Img,
},
{
title: "Comprehensive Property Management",
description: "Seamlessly manage your properties with our state-of-the-art platform, ensuring maximum efficiency and profitability.",
image: solution2Img,
},
{
title: "Secure Blockchain Transactions",
description: "Experience the security and transparency of blockchain transactions, designed to protect your investments.",
image: solution3Img,
},
];

const OurSolutions: React.FC = () => {
return (
<section id="our-solutions" className="py-16 bg-gray-100">
<div className="container mx-auto text-center">
<h2 className="text-3xl font-bold mb-8">Our Solutions</h2>
<div className="flex flex-wrap justify-center">
{solutions.map((solution, index) => (
<div key={index} className="w-full sm:w-1/2 md:w-1/3 p-4">
<div className="bg-white rounded-lg shadow-lg overflow-hidden">
<Image src={solution.image} alt={solution.title} className="w-full h-full object-cover" />
<div className="p-6">
<h3 className="text-xl font-semibold mb-4">{solution.title}</h3>
<p className="text-gray-600">{solution.description}</p>
title: string;
description: string;
image: ImageProps['src'];
link: string;
}

const solutions: Solution[] = [
{
title: "Innovative Real Estate Investments",
description: "Unlock the potential of fractional real estate investments with our proprietary 3MX token.",
image: solution1Img,
link: "/company/genesis",
},
{
title: "Comprehensive Property Management",
description: "Seamlessly manage your properties with our state-of-the-art platform, ensuring maximum efficiency and profitability.",
image: solution2Img,
link: "/company/apexai",
},
{
title: "Secure Blockchain Transactions On Multi-Network",
description: "Experience the security and transparency of blockchain transactions, designed to protect your investments.",
image: solution3Img,
link: "/company/genesis",
},
];

const OurSolutions: React.FC = () => {
return (
<section id="our-solutions" className="py-16 bg-gray-100">
<div className="container mx-auto text-center">
<h2 className="text-3xl font-bold mb-8">Our Solutions</h2>
<div className="flex flex-wrap justify-center">
{solutions.map((solution, index) => (
<a key={index} href={solution.link} className="w-full sm:w-1/2 md:w-1/3 p-4 transform transition-transform duration-300 hover:-translate-y-2">
<div className="bg-white rounded-lg shadow-lg overflow-hidden">
<div className="relative overflow-hidden h-48">
<Image src={solution.image} alt={solution.title} className="w-full h-full object-cover transform transition-transform duration-300 hover:scale-110" />
</div>
<div className="p-6">
<h3 className="text-xl font-semibold mb-4">{solution.title}</h3>
<p className="text-gray-600">{solution.description}</p>
</div>
</div>
</div>
</div>
))}
</a>
))}
</div>
</div>
</div>
</section>
);
};

export default OurSolutions;
</section>
);
};

export default OurSolutions;

0 comments on commit 72e5e9d

Please sign in to comment.