@extends('layout.member_app')
@section('content')
<section class="banner container-fluid">
    <div class="row">
    <div class="owl-carousel owl-theme" id="BannerSlider">
    <div class="item">
    <img src="{{asset('theme_member/img/banner-01.jpg')}}" alt="Banner"/>
    </div>
    <div class="item">
    <img src="{{asset('theme_member/img/banner-01.jpg')}}" alt="Banner"/>
    </div>
    <div class="item">
    <img src="{{asset('theme_member/img/banner-01.jpg')}}" alt="Banner"/>
    </div>
    </div>
   
    <div class="search-partner" id="searchPartner">
        <div class="container">
            <h1 class="mb-100 font-45">The one you are searching for is already searching for you…</h1>
            <h5 class="text-uppercase mb-25">FIND YOUR PERFECT PARTNER</h5>
                <div class="search-box black-card">
                {{Form::open(['method' =>'GET', 'url'=>'/register','enctype' => 'multipart/form-data','class'=>'row form-inline form-no-border'])}}
                <div class="col-lg-3 col-md-6 mb-5">
                    <label class="d-block">Profile for</label>
                    {{Form::select('profile_for',$profileFor,null,['id' => 'profile_for','class'=>'form-control','required'=>'required'])}}
                </div>
                <div class="col-lg-3 col-md-6 mb-5">
                    <label class="d-block">Name</label>
                    {{Form::text('name', null,['id' => 'name','class'=>'form-control','placeholder'=>'Enter Name','required'=>'required'])}}
                </div>
                <div class="col-lg-3 col-md-6 d-flex flex-column align-items-start">
                    <label class="ml-15">Mobile Number</label>
                    <div class="w-100 d-flex justify-content-between">
                        <div class="col p-0 d-flex">
                            <select class="form-control country-code width-80  right-radius-0">
                                <option selected="selected">+91</option>
                            </select>
                         {{Form::text('mobile', null,['id' => 'mobile','class'=>'form-control left-radius-0','required'=>'required','placeholder' => 'Enter Mobile No.'])}}
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 mt-35 mb-5">
                    <button type="submit" class="col btn btn-danger">REGISTER FOR FREE</button>
                </div>
                 {{Form::close()}}
                </div>
        </div>
    </div>
   
    </div>
    </section>
     <!-- Content-->
    <div class="main-content container-fluid">
    <div class="row">
    <section class="features container-fluid">
    <div class="row">
    <div class="container">
    <div class="row p-30 pt-50 pb-50 text-center">
    <div class="col-sm-4 feature-item">
    <img src="{{asset('theme_member/img/verified.png')}}" alt="verified" class="mb-20"/>
    <h5>100% verified mobile numbers</h5>
    </div>
    <div class="col-sm-4 feature-item">
    <img src="{{asset('theme_member/img/secure.png')}}" alt="Secure" class="mb-20"/>
    <h5>100% Secure & Ensured Privacy</h5>
    </div>
    <div class="col-sm-4 feature-item">
    <img src="{{asset('theme_member/img/trusted.png')}}" alt="Trusted" class="mb-20"/>
    <h5>Trusted service  for more than 20 years</h5>
    </div>
    </div>
    </div>
    </div>
    </section>

    <section class="intro container-fluid mt-50 pt-95 pb-40">
    <div class="row">
    <div class="container">
    <div class="row">
    <div class="col-lg-7 col-md-12">
    <h3>The perfect matrimonial site for a perfect match</h3>
    <p><font color="blue">Pellichupulu.net</font> have a team of experts and trained professionals who not only have technical knowledge but understands the roots of Indian culture as well. They are skilled to merge the latest technology with Indian tradition and culture, therefore providing diverse solutions with real-time experience to the customers registered with pellichupulu.net</p>
    <p><font color="blue">Pellichupulu.net</font> has partnered with the marriage bureaus situated across the world to provide access to 1000’s of new profiles on daily basis to the registered members and expedite the selection of life partner.</p>
    <p>Comparing to other matrimonial websites our Marriage Bureau partners will upload the fresh profiles every single minute which helps the members of pellichupulu.net to find their perfect partner at the earliest possible with large number of profiles uploaded each day.</p>
    <h3 class="mt-45">Why choose Pellichupulu</h3>
    <ul class="list">
    <li>Specially designed by Telugu people, for Telugu people</li>
    <li>Provides a greater number of profiles to the registered members</li>
    <li>Help members to find the best suitable matches</li>
    </ul>
    </div>
    <div class="col-lg-5 col-md-12 mt-30 intro-bg">
    <img src="{{asset('theme_member/img/intro-01.jpg')}}" alt="Intro"/>
    <img src="{{asset('theme_member/img/intro-02.jpg')}}" alt="Intro"  class="animation-1"/>
    </div>
    </div>
    </div>
    </section>

    <section class="stories container-fluid pt-60 ">
    <div class="row">
    <div class="container">
    <div class="row justify-content-center text-center">
    <h2>Happy Stories</h2>
    <div class="col-10">
    <p>Pellichupulu has a user-friendly interface providing the most trustworthy platform for those who are truly looking for their soul mates in the Telugu community. We have many of satisfied Telugu customers who are pleased with our committed end-to-end services.</p>
    </div>
    </div>
    <div class="row mt-30">
        <div class="owl-carousel owl-theme" id="Story">
            @foreach($happyStories as $happyStory)
            <div class="item">
                <div class="story-item">
                <div class="story-img">
                <img src="{{Storage::disk('public')->url('/'.$happyStory->photo_url)}}" alt="Story"/>
                </div>
                <h4>{{$happyStory->title}}</h4>
                <p>{{$happyStory->description}}</p>
                </div>
            </div>
            @endForeach
        </div>
    </div>
    </div>
    </div>
    </section>

    <section class="register container-fluid pt-60 pb-60">
    <div class="row">
    <div class="container">
    <div class="row justify-content-between">
    <div class="col-lg-8 col-md-6"><h3 class="text-white">Everyone has a right to choose the best life partner</h3>
    <p class="mb-0">The one you are searching for is already searching for you…</p>
    </div>
    <div class="col-lg-4 col-md-6 d-flex align-items-center">
    <a class="btn btn-reg" href="#searchPartner">REGISTER FOR FREE NOW</a>
    </div>
    </div>
    </div>
    </div>
    </section>
    </div>
    </div>
    </div>
    <!-- Content End -->
@endsection