Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #4.
This commit is contained in:
@@ -10,15 +10,15 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Zap, Shield, Star, Globe, Circle } from 'lucide-react';
|
||||
import { Star, Globe } from 'lucide-react';
|
||||
|
||||
const navItems = [{ name: 'Home', id: '/' }];
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" 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">
|
||||
<NavbarLayoutFloatingInline navItems={navItems} />
|
||||
<NavbarLayoutFloatingInline navItems={navItems} button={{ text: 'Get Started' }} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
@@ -29,25 +29,25 @@ export default function Page() {
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout title="About Us" description="Dedicated to excellence." />
|
||||
<MediaAbout title="About Us" description="Dedicated to excellence." useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardSix title="Features" description="Discover what we offer." textboxLayout="default" features={[{ title: 'Fast', description: 'Very fast' }, { title: 'Secure', description: 'Very secure' }]} />
|
||||
<FeatureCardSix title="Features" description="Discover what we offer." textboxLayout="default" useInvertedBackground={false} features={[{ title: 'Fast', description: 'Very fast' }, { title: 'Secure', description: 'Very secure' }]} />
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen title="Metrics" metrics={[{ id: 'm1', value: '100+', description: 'Users' }]} metricsAnimation="opacity" />
|
||||
<MetricCardFourteen title="Metrics" tag="Stats" metrics={[{ id: 'm1', value: '100+', description: 'Users' }]} metricsAnimation="opacity" useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo title="Testimonials" animationType="opacity" textboxLayout="default" testimonials={[{ id: 't1', name: 'John', role: 'Dev', testimonial: 'Great!', icon: Star }]} />
|
||||
<TestimonialCardTwo title="Testimonials" description="What they say" animationType="opacity" textboxLayout="default" useInvertedBackground={false} testimonials={[{ id: 't1', name: 'John', role: 'Dev', testimonial: 'Great!', icon: Star }]} />
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia title="FAQ" faqs={[{ id: 'f1', title: 'Question', content: 'Answer' }]} faqsAnimation="opacity" textboxLayout="default" />
|
||||
<FaqSplitMedia title="FAQ" description="Your questions answered" faqs={[{ id: 'f1', title: 'Question', content: 'Answer' }]} faqsAnimation="opacity" textboxLayout="default" mediaAnimation="opacity" useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne title="Trusted By" names={['Company A', 'Company B']} textboxLayout="default" />
|
||||
<SocialProofOne title="Trusted By" description="Industry leaders" names={['Company A', 'Company B']} textboxLayout="default" useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm title="Contact" description="Let's talk" inputs={[{ name: 'email', type: 'email', placeholder: 'Email' }, { name: 'msg', type: 'text', placeholder: 'Message' }]} />
|
||||
<ContactSplitForm title="Contact" description="Let's talk" inputs={[{ name: 'email', type: 'email', placeholder: 'Email' }, { name: 'msg', type: 'text', placeholder: 'Message' }]} useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard logoText="Brand" socialLinks={[{ icon: Globe, href: '#', ariaLabel: 'Web' }]} />
|
||||
|
||||
Reference in New Issue
Block a user