|
|
|
|
@@ -8,13 +8,13 @@ import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwen
|
|
|
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
|
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
|
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
|
|
|
import { Star, Shield, ArrowRight } from 'lucide-react';
|
|
|
|
|
import { Star } from 'lucide-react';
|
|
|
|
|
|
|
|
|
|
const navItems = [{ name: 'Home', id: '/' }, { name: 'About', id: '/about' }, { name: 'Contact', id: '/contact' }];
|
|
|
|
|
|
|
|
|
|
export default function Page() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider>
|
|
|
|
|
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleFullscreen navItems={navItems} />
|
|
|
|
|
</div>
|
|
|
|
|
@@ -22,16 +22,16 @@ export default function Page() {
|
|
|
|
|
<HeroBillboard title="Welcome to Our Platform" description="Build your future with our advanced tools and community-driven solutions." background={{ variant: 'animated-grid' }} />
|
|
|
|
|
</div>
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<InlineImageSplitTextAbout heading={[{ type: 'text', content: 'About Us' }]} />
|
|
|
|
|
<InlineImageSplitTextAbout heading={[{ type: 'text', content: 'About Us' }]} useInvertedBackground={false} />
|
|
|
|
|
</div>
|
|
|
|
|
<div id="services" data-section="services">
|
|
|
|
|
<FeatureCardTwentyNine title="Our Services" description="Explore what we offer" gridVariant="bento-grid" animationType="blur-reveal" textboxLayout="default" features={[{ title: 'Innovation', description: 'Cutting edge tech', imageSrc: 'https://images.unsplash.com/photo-1518770660439-4636190af475', titleIconSrc: 'https://images.unsplash.com/photo-1518770660439-4636190af475', buttonText: 'Learn More' }, { title: 'Security', description: 'Safe and secure', imageSrc: 'https://images.unsplash.com/photo-1563986768609-322da13575f3', titleIconSrc: 'https://images.unsplash.com/photo-1563986768609-322da13575f3', buttonText: 'Read More' }]} />
|
|
|
|
|
<FeatureCardTwentyNine title="Our Services" description="Explore what we offer" gridVariant="bento-grid" animationType="blur-reveal" textboxLayout="default" useInvertedBackground={false} features={[{ title: 'Innovation', description: 'Cutting edge tech', imageSrc: 'https://images.unsplash.com/photo-1518770660439-4636190af475', titleIconSrc: 'https://images.unsplash.com/photo-1518770660439-4636190af475', buttonText: 'Learn More' }, { title: 'Security', description: 'Safe and secure', imageSrc: 'https://images.unsplash.com/photo-1563986768609-322da13575f3', titleIconSrc: 'https://images.unsplash.com/photo-1563986768609-322da13575f3', buttonText: 'Read More' }]} />
|
|
|
|
|
</div>
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardThirteen testimonials={[{ id: '1', name: 'John Doe', handle: '@johndoe', testimonial: 'Great service!', rating: 5, icon: Star }]} showRating={true} animationType="blur-reveal" title="Testimonials" textboxLayout="default" />
|
|
|
|
|
<TestimonialCardThirteen testimonials={[{ id: '1', name: 'John Doe', handle: '@johndoe', testimonial: 'Great service!', rating: 5, icon: Star }]} showRating={true} animationType="blur-reveal" title="Testimonials" description="What clients say" textboxLayout="default" useInvertedBackground={false} />
|
|
|
|
|
</div>
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactSplit tag="Contact" title="Get in Touch" description="We would love to hear from you." />
|
|
|
|
|
<ContactSplit tag="Contact" title="Get in Touch" description="We would love to hear from you." background={{ variant: 'plain' }} useInvertedBackground={false} />
|
|
|
|
|
</div>
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterCard logoText="Company" />
|
|
|
|
|
|